layui中如何給layer select的賦值

layui是一條目比力出名的前端UI框架，它遵循原生 HTML/CSS/JS 的書寫法則，select選擇框樣式都雅，兼容本家兒流瀏覽器。下面介紹layui中若何給select賦值。

東西/原料

1
新建HMTL前端展示文件，注重在HMTL文件中需要引入jquery.min.js，layui.js，layui.css文件。代碼如下：
2
編寫select下拉框實現代碼。在DIV中操縱layui的類快速做出select下拉框，而且用layui襯著生當作select下拉框。
代碼如下:
3
上面代碼運行后實現下圖的結果。可以看到此時select框是沒有選項的，點擊下拉箭頭，顯示“沒有選項”。
4
新建getList.php文件，本家兒如果select賦值的時辰利用，經由過程AJAX請求該文件，獲得select下面的選項內容，為了便利測試，這里直接界說數組，返回json數據。
5
在前端HTML頁面，編寫JS代碼獲得select選項內容。這里經由過程Ajax請求數據，js代碼如下：
6
實現頁面加載時就直接給select賦值。這里需要把Ajax請求界說當作一個函數，而且頁面加載時就執行一次，完當作select的賦值。顛末點竄后的JS代碼如下：
7
至此，完當作所有的代碼編寫。實現的結果如下圖：
注：完整的代碼在百度云下載：10wPDCiChfcm305wfC__PFw 提取碼: hf6y