如何从文本框中获取Tagit标签

时间:2014-05-14 16:08:38

标签: javascript jquery asp.net tags tag-it

我在这里使用tagIt plugin。我已经在Asp.net TextBox上实现了它现在我想要获取textbox中的所有标签。但是我无法从文本框中获取标签或标签文本。

我正在尝试如下的东西。

这是我的Jquery

<script type="text/javascript">
        $(function () {
            $('#<%=TxtMetaKey.ClientID %>').tagit({
                allowSpaces: true
            });
            $("#<%=btntest.ClientID %>").click(function () {
                getTagsString($('#<%=TxtMetaKey.ClientID %> li').text())
                var tagStr = JSON.stringify($('#<%=TxtMetaKey.ClientID %>').tagit("tagLabel"));
                alert("function is called" + tagStr);
            });
        });

        function getTagsString(tags) {
            var string = "";
            alert(tags);
            for (var i in tags) {
                string += tags[i] + ",";
                alert("Value of string is : "+string);
            }
            alert($("#<%= hdnSelectedTags.ClientID %>").val(string));
        }
</script>

源代码:

<div class="form-group">
    <asp:TextBox ID="TxtMetaKey" runat="server" CssClass="form-control"></asp:TextBox>
    <asp:Button ID="btntest" runat="server" Text="Test" ValidationGroup="DialogGroup"
                    class="form-control"></asp:Button>
</div>

所以,如果有人解决了这个问题,请帮助我。

1 个答案:

答案 0 :(得分:0)

您是否知道插件有自己的方法来执行此操作? assignedTags旨在返回当前在窗口小部件中的所有标记的字符串数组。

e.g。

var tagStrArr = $('#<%=TxtMetaKey.ClientID %>').tagit("assignedTags");