1. 程式人生 > >js select option 選中觸發事件

js select option 選中觸發事件

原網址:http://jackroomage.iteye.com/blog/1386445

<HTML>
 <HEAD>
  <script>
  function cc(val){
    alert(val);
     }
  </script>

 </HEAD>
 <BODY>
  <form id="formid">
  <!-- 下面是得到 option 中的內容 -->
  <!--
   <select onchange="cc(this[selectedIndex].innerHTML);">
  -->
   <!-- 下面是得到 option 中value的值 -->
     <select onchange="cc(this[selectedIndex].value);" size="2">
     <option value="aaa">123</option>
     <option value="bbb">456</option>
     <option value="ccc">789</option>
     <option value="ddd">111</option>
     </select>
  </form>
 </BODY>
</HTML>

補充說明:把拿到的值傳到另一個jsp頁面。

下面是兩個jsp頁面:a.jsp和b.jsp。由a.jsp 跳轉到b.jsp

a.jsp

<HTML>
 <HEAD>
  <script>
  function cc(val){
//    alert(val);
    document.getElementById("hiddenid").value=val;
     }
  </script>

 </HEAD>
 <BODY>
  <form id="formid" action="b.jsp" method="post">
  <!-- 下面是得到 option 中的內容 -->
  <!--
   <select onchange="cc(this[selectedIndex].innerHTML);">
  -->
   <!-- 下面是得到 option 中value的值 -->
     <select onchange="cc(this[selectedIndex].value);" size="1">
    
     <option value="aaa">123</option>
     <option value="bbb">456</option>
     <option value="ccc">789</option>
     <option value="ddd">111</option>
     </select>
     <input id="hiddenid" type="hidden" name="hiddenid" value="">
     <input type="submit" value="提交">
  </form>
 </BODY>
</HTML>

b.jsp

<HTML>
 <HEAD>
 </HEAD>
 <BODY>
<%
        String strname=request.getParameter("hiddenid");
        out.print(strname);
%>
 </BODY>
</HTML>

相關推薦

js select option 選中觸發事件

原網址:http://jackroomage.iteye.com/blog/1386445 <HTML>  <HEAD>   <script>   function cc(val){     alert(val);      }   </script>

Javascript獲取select下拉框選中的的值,select中指定option選中觸發事件

現在有一id=test的下拉框,怎麼拿到選中的那個值呢? 分別使用javascript原生的方法和jquery方法 <select id="test"  name="" onchange="gradeChange()">      <option   va

實現 select中指定option選中觸發事件

我們在用到下拉列表框select時,需要對選中的<option>選項觸發事件,其實<option>本身沒有觸發事件方法,我們只有在select裡的onchange方法裡觸發。 當我們觸發select的雙擊事件時,用ondblclick方法。當我們要取得

js獲取獲取select:option選中的多個值

sele lec sel div alert clas option spa log <!--快速獲取select選中值--> <select id = ‘tagName‘></select> var tag = $("#ta

js和jquery動態實現radio選中觸發事件

最近寫的功能是根據radio選中不同的值實現觸發對應的事件,現將實現方法總結如下: html如下: <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType"

js的改值觸發事件和鍵盤彈起觸發事件個人感覺差不多

//$('#txt_marketId').on('input propertychange', function (e) { // var marketId = $('#txt_marketId').val(); // ViewModel.co

js 動態生成html 觸發事件傳參字元轉義

通常,在使用 JS 動態生成 html 的過程中,會嵌入相應的樣式、事件等屬性元素,而這時經常會出現所謂的 “單、雙引號不夠用” 的情況,別急,這時可以利用 html 語言中的轉義字元來解決。下面就來介紹一下相應的轉義字元吧: & —— (ampersand) 轉義字元對應為   &am

js select option物件小結

 先講jquery方式,再講原生方式 jquery方式 選擇框 jQuery獲取Select選擇的Text和Value: 語法解釋: 1. $("#select_id").change(function(){//code...});   //為Select新

Vue.js:Select--Option >下拉框繫結和取值

遇到了這個解決了,所以記錄一下: 完成vue.js下拉框選擇繫結與取值,實現效果圖如下: template程式碼 <template> <div> <Form :model="form

js/jQuery select標籤 獲取值/option 選中事件

前言     select標籤是常規下拉選單的第一選擇     常用的select標籤形式 <select id="test" name=""> <option va

select選中option觸發事件

    <select id="selectId">         <option value="a">選項一</a>         <option va

selectoption觸發事件

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de

js 動態 選中select option

可以使用javascript和jQuery兩種實現方式 1:使用javascript實現 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

html5 datalist 選中option選項後的觸發事件

使用input + datalist 實現自動補全功能,其中datalist中的內容是根據input輸入的內容動態變換的,程式碼如下 <!DOCTYPE HTML> <html>

每天一個JS 小demo之通過事件委托實現菜單展開及選中特效。主要知識點:事件

實現 tween efi blog dem int position 16px eas <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><titl

JS實現禁止短時間內連續觸發事件

rem 事件 eat query nbsp color clas 使用 art 設置定時器,每次進入函數時先清空定時器,然後在執行 let c =null; let dom = document.querySelector(‘#me‘); dom.addEve

【轉】使用js觸發事件

rda ctype rem odi scroll cancel script 事件 some 如果大家將一張網頁看成一個form的話,大致上就成了一個web form的模型。在win form 下要想手動觸發某一個對象的事件是很簡單的,只要發送一條消息即可達成。

獲取select選中option的值

選中項 nbsp 技術 技術分享 中項 cte ted com class <select id="select"> <option>綏江</option> <option>西江</option>

js 按鈕連擊 減少觸發事件次數

pan body div NPU AS btn class clas 觸發 <body> <input type="button" onClick="testbtn()" value="測試按鈕"> <script> var b1

js動態追加的元素如何觸發事件

一般通過js或者jQuery動態新增的元素標籤,通過該元素標籤、class、id觸發事件,是無效的。如下所示: <body> <input type="text" class="ceshi" /> <input type="text" class="ceshi" />