學習筆記 下拉框實現左右聯動

2021-10-01 14:23:14 字數 977 閱讀 1973

先看一下效果圖

然後是**

"


-//w3c//dtd xhtml 1.0 transitional//en""


">


"">select1


">


test(this.value);


" style="


width:100px


" >"0


">--請選擇--"a1


">逗比"a2


">大逗比"a3


">小逗比"a4


">逗比逗比


select>


select2


" style="


width:100px


">


select>
實現這個需要注意的一些都在注釋裡，另外感覺子節點建立刪除這些，需要再看一下

var aaa=document.getelementbyid("select2");


var bbb=aaa.getelementsbytagname("option");


for(var m=0;m


然後是在物件裡建立標籤


建立option標籤


var option1=document.createelement("option");建立標籤


var text1=document.createtextnode(b1);建立文字

下拉框聯動

這裡寫了selclass和sellesson兩個下拉框，下拉框的selclass的選中值事件會觸發addsellesson 方法，該方法通過ajax向後台非同步請求資料動態給下拉框sellesson賦值 html 如下 班級課程 selclass onchange addsellesson styl...

下拉框聯動

default.aspx.cs using system using system.data using system.configuration using system.collections using system.web using system.web.security using sy...

學習筆記 下拉框動態級聯

html js 學院名稱 課程名稱 function loadinstitution editable false,不可編輯狀態 cache false,panelheight 150 valuefield id textfield institutionname onhidepanel funct...