jqueryEasyUI TagBox获取值的方法

最新推荐文章于 2021-02-13 10:34:49 发布

原创最新推荐文章于 2021-02-13 10:34:49 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#tagbox

jqueryeasyui 专栏收录该内容

17 篇文章

订阅专栏

本文分享了在使用EasyUI TagBox控件过程中的经验教训，包括如何正确获取和设置标签值，以及对jQuery EasyUI版本的要求。通过实例代码展示了常见问题的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近由于需求，需要用到这个控件。在编写过程中出现了几个小插曲，记录下来。

下面是测试代码，引入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']
});