jqueryEasyUI TagBox获取值的方法
夹谷成龙
最近由于需求，需要用到这个控件。在编写过程中出现了几个小插曲，记录下来。
下面是测试代码，引入jquery和jqueryeasyui后可以直接运行。
<body>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
<input class="easyui-tagbox" value="Apple,Orange" label="Add a tag1" style="width:100%" id="testTag">
</div>
<input type="button" onclick="test()" value="test">
</body>
<script>
var index=0;
function test(){
var oldValue = $("#testTag").val();
$("#testTag").tagbox({
value: ['Apple1','Orange1']
});
index+=1;
var arr = $("#testTag").tagbox("getValues");
console.log(arr.toString());
//console.log(oldValue);
//console.log(oldValue + "," + new Date());
}
</script>1，通过“getValue”不能获取所有的值，只能获取到第一个值
$("#testTag").tagbox("getValues");修改为getValues即可以获取到一个包含所有值得数组。
["Apple1", "Orange1"]2，这个jQueryeasyUI的控件要求jQueryeasyUI的版本必须在1.5以上，版本过低不能使用。
3，设置值得方式也有两种
a.通过setValues.
$("#testTag").tagbox("setValues",[1,2,3s]);b.通过初始化的方式
$("#testTag").tagbox({
value: ['1','2']
});
类似资料：