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數據賦給子下拉框