Tag It 一款 Jquery控件，当你在文本框中输入逗号时，自动帮你分隔开相关内容

浏览数：50 / 时间：2015年06月09日

Demo地址：http://webspirited.com/tagit/

使用方法：

除了JQuery脚本外，下面的脚本也是必须的，这些脚本你都可以去GitHub下载：https://github.com/hailwood/jQuery-Tagit

<link href="~/Content/jquery.tagit.css" rel="stylesheet" />
<link href="~/Content/tagit.ui-zendesk.css" rel="stylesheet" />
<script src="~/Scripts/jquery-ui.min.js"></script>
<script src="~/Scripts/tag-it.min.js"></script>

HTML中，你的文本框替换成：<ul id="myTags"></ul>

然后加入一段Js：

    $(document).ready(function () {
        //输入逗号自动分割的控件，Demo:http://webspirited.com/tagit/
        $("#myTags").tagit({
            allowSpaces: true,
            singleField: true,//必须要加这个，不然会把Tag当作一个List给提交过去。
            fieldName: ‘DailyEvaluateValues‘//这个是只你的字段名称，提交表单时会用这个name
        });
    });

使用就是这么简单！效果如下：

就是这么爽，快来试试吧~~~~

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： des class style src html 使用 com log 方法 des class style src html 使用 com log 方法

相关文章

随机文章

您可能还喜欢

您可能还喜欢