話不多說 首先上
jsp 頁面** 截圖
第乙個下拉框jsp**
class="control-group">
class="control-label">離職型別:label>
class="controls">
id="type"
name="type"
path="type"
class="input-xlarge"
onchange="findtemplate(this.options[this.options.selectedindex].value);"
style="width:180px;">
--%>
items="$"
itemlabel="label"
itemvalue="value"
htmlescape="false" />
form:select>
div>
div>第二個下拉框jsp**
class="control-group">
class="control-label">選擇模板:label>
class="controls">
id="template"
name="template"
path="type"
class="input-xlarge"
style="width:180px;">
--%>
id="wordtemplate"
items="$"
itemlabel="label"
itemvalue="value"
htmlescape="false" />
form:select>
匯出模板 --%>
div>
div>精髓部分為第乙個下拉框
onchange="findtemplate(this.options[this.options.selectedindex].value);"
說明:findtemplate()為函式名稱
this.options[this.options.selectedindex].value 這句話能獲取到第乙個下拉框選擇的值
js**部分:
function
findtemplate
(v) ,
datatype : "json",
success : function
(msg) ).text(partname);
}//$("#template option:first").prop("selected", 'selected');
$("#template").change();}},
error : function
(json)
});}js**說明:
通過ajax請求 後台資料 然後採取迴圈拼接的辦法 構造下拉框的。 option。。
必要說明:$(「#下拉框」).empty(),為 jquey寫法,必寫。
$(「#下拉框」).change(); 這個change()函式 一定要寫,否則有乙個小bug。
這個bug是什麼就不明說了,複製**的兄弟 可以去掉試試效果。
這是個很細節的操作哦 。。。。。。。。。。。。。。
省市二級聯動下拉框
doctype html zh utf 8 viewport content width device width,initial scale 1.0 省市二級聯動 title head 省份 id province select 城市 id city select form 將城市資訊新增 var...
python下拉框二級聯動 antd下拉框聯動說明
先說一下效果要求,上面乙個下拉框,下面乙個,要求上面選中的時候,下面的內容要跟著變。因為想到react是資料驅動的,就不打算再用jq的那種隱藏顯示了,而是通過在執行型別下拉框的onchange事件中,去改變下面的下拉框的資料,渲染出不同的下拉選擇。定義資料 modeoptions是各個下拉框的值,由...
二級聯動 下拉列表
二級聯動 下拉列表 需先選擇英雄,才能在選擇英雄的 html頁面 charset utf 8 二級聯動title head action method post 請選擇英雄 name hero id hero onchange skina select 請選擇 name skin id skin v...