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

当生成一个下拉框的时候可以用帮助文档提供的方式来完成，那如果页面有10个下拉框怎么办？把相同的代码复制10遍肯定是不现实的，因为那既影响效率，又不方便维护。我采取的办法是使用循环来实现。假设页面需要有3个下拉框，我给每个<input>定义了一个id用于对应每一个json文件，当然也可以自定义其他属性来完成：

<input id="test1" class="selector" />
<input id="test2" class="selector" />
<input id="test3" class="selector" />

定义相同的class值是为了获取所有的下拉框对象。

当然json文件也对应有3个：test1.json、test2.json、test3.json

然后JS代码如下：

var $jsons = $('.selector');
for(var i=0;i<$jsons.length;i++){
	var $curr = $jsons.eq(i);
	$curr.combobox({
		url : $curr.attr('id')+'.json',
		method : 'get',
		valueField : 'id',
		textField : 'text'
	});
}

当然，也可以在<input>标签中直接绑定json文件：

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