js select option 選中觸發事件
<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
select的option觸發事件
<!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" />