jquery - 使用 jquery 在文本框中显示选定的列表框项目

Question

我有一个任务将从列表框中选择的多个项目追加到文本框。我尝试使用 Jquery 将代码实现为：

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

它不会将所选项目附加到文本框中。感谢您的帮助。

Answer 1

请阅读JQuery API以供参考。

之后，试试这个代码：

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

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

Answer 2

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