select下拉框處理

1.分組功能:

<select>
<option>請選擇權限</option>
<optgroup label="首頁信息發佈">
<option value="新增圖片">新增圖片</option>
<option value="維護圖片">維護圖片</option>
<option value="新增新聞">新增新聞</option>
</optgroup>
<optgroup label="人員維護">
<option value="新增用戶">新增用戶</option>
<option value="用戶列表">用戶列表</option>
</optgroup>
</select>
2.ajax動態級聯:

所學專業:
<select id="sel01" childId="sel02" childDataPath=" http://localhost/kj/trainplan.do?method=" >
<option value="">請選擇專業</option>
<option value="bj1">專業1</option>
<option value="bj2">專業2</option>
</select> 
所屬班級:
<select id="sel02">
<option value="0">請先選擇專業</option>
</select>


代碼中的childId指定要聯動的下拉框的ID,childDataPath指定二級下拉框數據來源,與一級下拉框的value關聯來獲取數據

下拉框會自動以”該路徑+選中option的value“拼出url來獲取數據。例如 childDataPath="http://192.168.31.30:8080/kj/trainplan.do?method="而某個option的value爲bj1則當選擇該項時會自動讀取 http://192.168.31.30:8080/kj/trainplan.do?method=bj1來取得xml數據賦給子下拉框

http://bbs.blueidea.com/thread-3009070-1-1.html

http://www.codefans.net/soft/16469.shtml

發佈了31 篇原創文章 · 獲贊 5 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章