jQuery.tagsinput.js添加和删除tag标签插件

来源:https://www.sucaihuo.com/js/3909.html 2018-09-05 12:05浏览(1962) 收藏

jQuery.tagsinput.js添加和删除tag标签插件,在文本框输入文字后按回车创建标签,点击标签上的x关闭按钮可以将标签删除。
jQuery.tagsinput.js添加和删除tag标签插件
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.tagsinput.js"></script>
<script type="text/javascript">
	
	function onAddTag(tag) {
		alert("添加标签: " + tag);
	}
	function onRemoveTag(tag) {
		alert("Removed a tag: " + tag);
	}
	
	function onChangeTag(input,tag) {
		alert("Changed a tag: " + tag);
	}
	
	$(function() {

		$('#tags_1').tagsInput({width:'auto'});
		$('#tags_2').tagsInput({
			width: 'auto',
			onChange: function(elem, elem_tags)
			{
				var languages = ['php','ruby','javascript'];
				$('.tag', elem_tags).each(function()
				{
					if($(this).text().search(new RegExp('\\b(' + languages.join('|') + ')\\b')) >= 0)
						$(this).css('background-color', 'yellow');
				});
			}
		});

	});
</script>
标签: 标签tag
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2