Jeesite下拉框的二級聯動

2021-07-30 23:45:39 字數 1854 閱讀 2202

話不多說 首先上

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...