在前端開發過程中，下拉框是一個常用的表單元素。easyui作為一款優秀的前端框架，也提供了下拉框組件。下文將介紹easyui下拉框的json賦值方法。 一、easyui下拉框基本用法 easyui的下拉框組件可以使用HTML標簽創建，如下所示：

<input class="easyui-combobox" data-options="
valueField: 'id',
textField: 'text',
url: 'options.php',
onSelect: function(record){
alert(record.id+':'+record.text)
}
">

其中，valueField表示下拉框選項對應的值字段，textField表示下拉框選項對應的顯示文本字段。url表示獲取下拉框選項的地址。當選擇某一選項時，onSelect事件將觸發。 二、json賦值方法 下拉框的選項可以通過json數據賦值，而不必從服務器請求。具體方法如下： 1. 定義json數據 先定義一個json數組來存儲下拉框選項的數據，如下：

var data = [
{"id":1,"text":"Option 1"},
{"id":2,"text":"Option 2"},
{"id":3,"text":"Option 3"}
];

json數組中的每一項都是一個對象，其中id和text字段分別對應選項的值和文本。 2. 使用下拉框組件 在HTML中使用下拉框組件，并在data-options屬性中設置下拉框的選項，如下：

<input class="easyui-combobox" data-options="
valueField: 'id',
textField: 'text',
data: data,
onSelect: function(record){
alert(record.id+':'+record.text)
}
">

在data-options屬性中，設置valueField和textField同上面的例子。在data屬性中，設置json數組變量名，可直接引用之前定義的json數據。 三、總結 通過以上兩個例子，相信您已經掌握了easyui下拉框json賦值的方法。這種方法能夠減少對服務器的請求，提高頁面的響應速度。希望這篇文章能對您有所幫助。