2012-10-09 223 views
0

jQuery UI的多選綁定的物品,我使用jQuery UI插件,複選與多選項目使用下拉列表,我需要幫助到Bing保存在數據庫中回多選下拉列表中選擇的項目。從代碼隱藏

例子:

在頁面加載Javascript代碼:

$("#<%=ddlCountry.ClientID%>").multiselect({ 
      checkAllText: "All", 
      uncheckAllText: "Clear", 
     noneSelectedText: "Select a country", 
     selectedText: "# item(s) selected", 
     close: function (event, ui) { 
      var values = $("#<%=ddlCountry.ClientID%>").val(); 
      var array_of_checked_values = $("#<%=ddlCountry.ClientID%>").multiselect("getChecked").map(function() { 
       return this.value; 
      }).get(); 
      document.getElementById("<%=txtHidDataCountry.ClientID%>").value = array_of_checked_values; 
     } 
    }); 

DropDownList的ASPX代碼:

<div id="dvPais" style="display:none"> 
    <asp:DropDownList ID="ddlCountry" runat="server"> 
    </asp:DropDownList> 
    <input type="hidden" id="txtHidDataCountry" runat="server" /> 
</div> 

在完成選擇3個國家提交後,我有它值,如「1, 2,3" 。當我再次加載頁面時,我需要從下拉列表中選擇項目1,2,3。我怎樣才能做到這一點?

+0

例如:使用$( 「選擇」)多選( 「小部件」 ).find(「:checkbox [value ='abc']」)。each(function(){this.click();}); ,我選擇一個特定的值。如果我想選擇兩個值,我該怎麼辦? – raddesso

回答

1

只是給解決,我發現:

$("#<%=ddlTeste.ClientID%>").multiselect({ 
     checkAllText: "All", 
     uncheckAllText: "Clear", 
    noneSelectedText: "Select a country", 
    selectedText: "# item(s) selected", 
    close: function (event, ui) { 
     var values = $("#<%=ddlTeste.ClientID%>").val(); 
     var array_of_checked_values = $("#<%=ddlTeste.ClientID%>").multiselect("getChecked").map(function() { 
      return this.value; 
     }).get(); 
     document.getElementById("<%=txtHidDataTeste.ClientID%>").value = array_of_checked_values; 
    } 
}); 
var s = $("#<%=ddlTeste.ClientID%>").multiselect(); 
s.val(['1', '2','5']); 
$("#<%=ddlTeste.ClientID%>").multiselect('refresh'); 

ASPX代碼:

<asp:DropDownList ID="ddlTeste" runat="server" multiple> 
    <asp:ListItem Value="1">Valor 1</asp:ListItem> 
    <asp:ListItem Value="2">Valor 2</asp:ListItem> 
    <asp:ListItem Value="3">Valor 3</asp:ListItem> 
    <asp:ListItem Value="4">Valor 4</asp:ListItem> 
    <asp:ListItem Value="5">Valor 5</asp:ListItem> 
</asp:DropDownList> 

享受:)