使用easyui-combobox生成下拉框时的总结（1）

前端标签：

<input id="test" />

这是帮助文档的后台示例代码：

$('#test').combobox({
url :　'test.json',
valueField : 'id',
textField : 'text'
});

text.json文件：

[
{"id" : 1,"text" : "content1"},
{"id" : 2,"text" : "content2"},
{"id" : 3,"text" : "content3"},
{"id" : 4,"text" : "content4"},
{"id" : 5,"text" : "content5"}
]

想实现的效果很简单，就是点击时能以下拉列表的方式显示"text"对应的内容，但实际结果是，<input>输入框通过combobox()方法制作成了下拉框，但列表内容为空。打开调试窗口发现，报500内部服务器错误，原因是combobox()方法默认以"POST"方法提交，这点后来我在帮助文档中也发现了，即，method="post"，之前一直忽略了该属性。修改后可以正常显示：

$('#test').combobox({
url : 'test.json',
method : 'get',
valueField : 'id',
textField : 'text'
});

同时，也可以不用写JS代码，直接在元素中定义：

<input id="test" class="easyui-combobox" data-options="url:'test.json',method:'get',valueField:'id',textField:'text'" />

采用JS代码的话，还有另一种方式也可以实现：
$.getJSON('test.json',function(json){
$('#test').combobox({
data : json,
valueField : 'id',
textField : 'text'
});
});