jquery - jqueryを使用してテキストボックスに表示される選択されたリストボックス項目

Question

リストボックスから選択されている複数のアイテムをテキストボックスに追加するタスクがあります。次のようにJqueryを使用してコードを実装しようとしました:

$("#<%= ListBlankToken.ClientID %>").change(function () {
            var SelectedITem = $("#<%= ListBlankToken.ClientID %>").select.toString();
            $("#<%= txtManagedocumentpage.ClientID %>").append(SelectedITem);
        });

選択したアイテムをテキストボックスに追加しません。ご協力ありがとうございます。

Answer 1

append()それで動作しないText objectで動作しますDOM element, HTML string, or jQuery object

これはあなたが望むものです：

$("#<%= ListBlankToken.ClientID %>").change(function () {
    var SelectedITem = $("#<%= ListBlankToken.ClientID %> :selected");  
    SelectedITem.each(function(){
        $("#<%= txtManagedocumentpage.ClientID %>")
                .val($("#<%= txtManagedocumentpage.ClientID %>").val() + 
                $(this).text() + ',');
    })
});

デモ：JSFiddle

Answer 2

参照用にJQuery APIをお読みください。

その後、次のコードを試してください。

var SelectedITem = $("#<%= txtManagedocumentpage.ClientID %>").val() + $("#<%= ListBlankToken.ClientID %>").val();

$("#<%= txtManagedocumentpage.ClientID %>").val(SelectedITem);