c# - 使用 Jquery 从文本框向列表框添加项目

Question

我被困在某个地方使用 jquery 从文本框中追加列表框。

这是我的jquery

  $("#btnAddSvc").click(function () {
        var svc = $("#<%= txtServiceName.ClientID %>").val();  //Its Let you know the textbox's value   
        svc.appendTo("#<%=lstSvcName.ClientID %>");
    }); 

我正在使用 asp.net (c#) 开发我的代码

<asp:Button ID="btnAddSvc" runat="server" Text=">>" Font-Size="Medium" />
<asp:ListBox ID="lstSvcName" runat="server" SelectionMode="Multiple" ToolTip="Selected Service Names"
                Width="169px"></asp:ListBox>

有人可以帮忙吗，因为我无法获得列表框中的值。

Answer 1

"#<%=lstSvcName.ClientID %>" 缺少 jQuery 选择器 $()所以你会得到id的 lstSvcName 而不是 object .

我还更改了追加语句，因为它的语法不正确。

"#<%=lstSvcName.ClientID %>"

会是

$("#<%=lstSvcName.ClientID %>")

你的代码会变成

$("#<%= btnAddSvc.ClientID %>").click(function () {
      var svc = $("#<%= txtServiceName.ClientID %>").val();  //Its Let you know the textbox's value   
      $("#<%=lstSvcName.ClientID %>").append('<option value="'+svc+'">item '+svc+'</option>');
      return false;
}); 

编辑 [OP 要求更多功能用于 ListBox 中的独特项目并清除 TextBox]

$("#<%= btnAddSvc.ClientID %>").click(function () {
    var txt = $("#<%= txtServiceName.ClientID %>");
    var svc = $(txt).val();  //Its Let you know the textbox's value   
    var lst = $("#<%=lstSvcName.ClientID %>");
    var options = $("#<%=lstSvcName.ClientID %> option");
    var alreadyExist = false;
    $(options).each(function () {
        if ($(this).val() == svc) {
            alert("Item alread exists");
            alreadyExist = true;
            return;
        }
        txt.val("");
        // alert($(this).val());
    });
    if(!alreadyExist)
            $(lst).append('<option value="' + svc + '">' + svc + '</option>');
    return false;
});