tagsInput.js

转：http://www.jq22.com/jquery-info19906
<script type="text/javascript">
    $('#gachanewuserlottery-box_list').tagsInput({
        //'autocomplete_url': 'tags.html', //自动完成插件的文件地址，demo里有说明
        //自动完成插件的参数，demo有说明。（提供个jquery.autocomplete的：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/）
        'height': '33px', //设置高度
        'width': '100%',  //设置宽度
        'maxCount': 10,
        'interactive': true, //是否允许添加标签，false为阻止
        'defaultText': '', //默认文字
//        'onAddTag':onAddTag, //增加标签的回调函数
        /*   'onRemoveTag':onRemoveTag, //删除标签的回调函数
         'onChange' : onChangeTag, //改变一个标签时的回调函数*/
        'removeWithBackspace': true, //是否允许使用退格键删除前面的标签，false为阻止
        'minChars': 0, //每个标签的小最字符
        'maxChars': 20, //每个标签的最大字符，如果不设置或者为0，就是无限大
        'placeholderColor': '#666666', //设置defaultText的颜色
        onAddTag: function (tag) {
            checkID(tag);
        },
    });

    function checkID(tag) {
        var rm = $("#gachanewuserlottery-box_list_tagsinput").find('span').last().text();
        $.ajax({
            type: 'POST',
            url: '<?= \yii\helpers\Url::to('ajax-box-type')?>',
            data: {id: tag, _csrf: '<?= Yii::$app->request->csrfToken?>'},
            dataType: 'json',
            success: function (result) {
                alert(result.error.message);
                $("#gachanewuserlottery-box_list").removeTag(rm);
            }
        })
    }

</script>