使用JQuery將項目從Dropdownlist添加到ListBox

如何添加從dropdownlist中選擇的任何用戶到使用JQuery的列表框？當我發佈頁面時，我應該能夠從列表框中檢索「id，name」。使用JQuery將項目從Dropdownlist添加到ListBox

<asp:DropDownList ID="ddlPerson" DataSourceID="ods_person" 
       DataValueField="Id" DataTextField="Name" runat="server" Width="221px" /><br /> 

       <asp:ListBox ID="lstPerson" runat="server" Width="245px" 
       Font-Bold="true" ForeColor="Green" SelectionMode="Multiple"> 
       </asp:ListBox> <br>

來源

2010-07-26 Nick Kahn

要將項目添加到下拉列表，但你可以使用下面的腳本

<script type="text/javascript"> 
    $(function() 
    { 
     $('[id$=items]').change(function (e) 
     { 
      var option = $('<option/>').html($(e.currentTarget).val()); 
      $('[id$=listBox]').append(option); 
     }); 
    }); 
</script>

你會遇到的一個問題。添加到列表框的項目將不會被保存回服務器上的列表框的「項目」中。您需要將這些值添加到客戶端的隱藏字段中，並將服務器上的值分開。

來源

2010-07-26 14:26:09

我看到問題，但我也看到刪除項目的問題，我有一個情況，用戶可以從列表框中「添加」或「刪除」。有沒有更好的方法，或者我應該使用ajax更新面板？ ;） – 2010-07-26 14:39:09

我敢肯定，有一堆jQuery插件可以做到這一點，因爲它是一個非常常見的UI功能。查看jquery插件網站@ http://plugins.jquery.com/ – 2010-07-26 14:45:15

它比我想象的更痛苦...應該有一種方法...你想要我尋找什麼插件？ – 2010-07-26 15:22:43

當您的asp.net下拉列表控件呈現時，它看起來不會相同。您需要首先運行該頁面以查看要選擇的ID。然後使用$（「＃ddlPerson ...」）.val（）和.text（）方法來訪問數據。

來源

2010-07-26 14:06:38 Zacho

下拉列表我得到 - ctl00 $ cphMaster $ ddlPerson – 2010-07-26 14:10:43

列表框我得到 - ctl00_cphMaster_lstPerson – 2010-07-26 14:11:10

這應該有所斬斷。 $（「＃$ ctl00 $ cphMaster ddlPerson」）變化（函數（）{VAR = newOption新選項（$（本）的.text（），$（本）的.text（））; $ （「＃ctl00_cphMaster_lstPerson」）。append（newOption）; }）; – Zacho 2010-07-26 19:47:01

使用JQuery將項目從Dropdownlist添加到ListBox

回答

相關問題