首先描述一下場景

現實開發中，我們可能會遇到多個頁面需要同樣的下拉框（比如列舉型別的狀態）。而下拉框的值隨時有變動的可能性。

如果按部就班的書寫Select->option,遇到變動時，勢必會修改很多地方。還會有改錯的風險。

EasyUI combobox 本身提供讀取json資料顯示的功能。json資料可以來源於後端、也可來源於js檔案中。

本文只講述讀取js檔案中的json資料，讀取後臺json資料類似，不做過多介紹

首先頁面加入標籤

<input class="easyui-combobox" name="type"
url="/resources/type.json"
valueField="id" textField="text" />

其中url指定為本地的一個type.json檔案,其他屬性詳見easyui 文件,json內容：

[

{"id":0,"text":"Java"},
{"id":1,"text":"C#},
{"id":2,"text":"C++"}
]

試執行之後，一切正常。下拉框預設選中第一行

但是在使用過程中，遇到了這樣的問題，如果下拉框不操作，使用預設值。下拉框的值為空

F12除錯也可以看到，value確實為空。網上推薦使用js再載入完成後操作一下選中問題。這樣白白增加了程式碼工作。

解決方案：

json資料中加入預設選中屬性！

即：

[

{"id":0,"text":"Java","selected":"true"

問題解決！

[email protected]  歡迎多多交流