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

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

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

jQuery.tagsinput.js添加和删除tag标签插件,在文本框输入文字后按回车创建标签,点击标签上的x关闭按钮可以将标签删除。

源码介绍

js代码

"text/javascript" src="js/jquery-1.8.0.min.js"
"text/javascript" src="js/jquery.tagsinput.js"
"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'); 
                }); 
            } 
        }); 
 
    }); 


分享到 :

发表评论

登录... 后才能评论