我正在使用 JQuery UI Multiselect 插件将下拉列表与多选项目一起使用,并且我需要帮助将保存在数据库中的选定项目返回到多选下拉列表。
例子:
页面加载时的 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;
}
});
下拉列表 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。我怎样才能做到这一点?