問題描述
在編寫Web頁面的時候常常需要在后端取出數據動態放入select標簽中，以供選擇。
解決辦法
在HTML代碼段中只需寫入
<select id="select"><option value="-1">--請選擇--</option></select>
在JavaScript代碼段中寫入以下ajax取數據并綁定數據的過程
$.ajax({ type : "post", url : "api/department/list", //此次url改為真正需要的url success : function(data, status) { $.each(data, function(index, item) { $("#select").append( //此處向select中循環綁定數據 "<option value="+item.id+">" + item.name+ "</option>"); }); },});最后可通過javaScript語句document.getElementById("select").value獲取select標簽中被選中的值。
以上這篇通過Ajax方式綁定select選項數據的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
圖片精選
