Tag It 一款 Jquery控制項，當你在文字框中輸入逗號時，自動幫你分隔開相關內容

標籤：des   style   blog   http   color   io   使用   ar   sp   

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        });    });

使用就是這麼簡單！效果如下：

就是這麼爽，快來試試吧~~~~

Tag It 一款 Jquery控制項，當你在文字框中輸入逗號時，自動幫你分隔開相關內容