首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在jQuery ASP.Net中获得自动完成的“标签化”值

如何在jQuery ASP.Net中获得自动完成的“标签化”值
EN

Stack Overflow用户
提问于 2012-10-07 12:58:28
回答 1查看 4.2K关注 0票数 1

我使用的是塔格化,基本上是使用jQuery自动完成,

参考资料:

代码语言:javascript
复制
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
    <script src="../../../Scripts/jquery.tagify.js" type="text/javascript"></script>
    <link href="../../../Styles/jqueryTagify.css" rel="stylesheet" type="text/css" />

剧本:

代码语言:javascript
复制
<script>
        var myTextArea = $("#txtbox").tagify();
        myTextArea.tagify('inputField').autocomplete({
            source: function(request, response) {
                $.ajax({
                    type: "POST",
                    url: "Demo.aspx/GetKeyword",
                    data: "{'match': '" + request.term + "'}",
                    dataType: "json",
                    contentType: "application/json",
                    success: function(data) {
                        response($.map(data, function(item) {
                            return {
                                label: item,
                                value: item,
                            }
                        }));
                    }
                });
            },
            position: { of: myTextArea.tagify('containerDiv') },
            close: function(event, ui) { myTextArea.tagify('add'); },
        });
        $('form').submit( function() {
             var tagStr = $("#txtbox").tagify('serialize');
             alert( "Got tags: " + tagStr );
             return false;
        });
      </script>

HTML是:

代码语言:javascript
复制
<input type="text" id="txtbox" />
<input class="submit" type="submit" value="Get Values" />

因此,当我们单击submit按钮时,我们从这里获得标记值。

var tagStr =$(“#txtbox”).tagify(‘序列化’);

当我点击getvalues时,结果如下

我如何在C#中的代码后面获得这些值?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-07 13:03:43

在html中添加一个隐藏字段:

代码语言:javascript
复制
<input id="hiddenTags" name="tags" type="hidden"/>

并更新提交的js:

代码语言:javascript
复制
 $('form').submit( function() {
         var tagStr = $("#txtbox").tagify('serialize');
         alert( "Got tags: " + tagStr );
         $('#hiddenTags').val(tagStr);
         return false;
    });

现在您可以在c#中获得标记:

代码语言:javascript
复制
string tags = Request.Form["tags"];
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12769041

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档