1

基本的に jQuery Autocomplete を使用しているTagifyを使用していますが、

参照:

<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" />

脚本 ：

<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 は次のとおりです。

<input type="text" id="txtbox" />
<input class="submit" type="submit" value="Get Values" />

送信ボタンをクリックすると、ここからタグの値を取得します

var tagStr = $("#txtbox").tagify('serialize');

getvaluesそして、このような結果 をクリックするとここに画像の説明を入力

C# のコード ビハインドでこれらの値を取得するにはどうすればよいですか?

4

1 に答える 1

2

html に隠しフィールドを追加します。

<input id="hiddenTags" name="tags" type="hidden"/>

サブミット js を更新します。

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

C# でタグを取得できるようになりました。

string tags = Request.Form["tags"];
于 2012-10-07T13:03:43.513 に答える