jquery-同一页面上的多选下拉列表和单选下拉列表？

我使用的是Eric Hynds开发的jQuery下拉列表。

我想在页面上有一个多选下拉列表和一个单选下拉列表。 我想我可以这样引用它：

 $(function () {

  $("select").multiselect({
    selectedList: 4
  });

  $("#ddlYear").multiselect({
    multiple: false,
    selectedList: 1
  });
});


 <div class="multiselectlist">
     <select id="msStatus" multiple="true" runat="server"/>
 </div>

 <div><select id="ddlYear" multiple="false" runat="server"/></div>

我填充了从数据库获取数据后的代码下拉列表。 即使我将single select设置为非multiple，它仍然显示为multi-select下拉列表

两种类型的下拉列表是否存在于同一页面上？ 谢谢。

试试这个

$("#msStatus").multiselect({
    selectedList: 4
  });

  $("#ddlYear").multiselect({
    multiple: false,
    selectedList: 1
  });

---

您可以坚持使用该插件，也可以使用这两个插件中的任何一个

---

您的脚本似乎有错误

您好，Jayantha，您的解决方案不起作用。如果我这样做，所有下拉列表都会变成多选列表。出于某种原因，它只接受$select.multiselect{selectedList:4}？我试着用普通的HTML而不是aspx页面$函数{$demo.multiselect{multiple:true，header:Select选项，noneSelectedText:Select选项，selectedList:1}；$demo2.multiselect{multiple:false，header:Select选项，noneSelectedText:Select选项，selectedList:4}；}；这很有效。这里的关键是，我有一个runat=Server，所以我可以从代码隐藏中填充列表。我认为这就是问题所在。我想知道我怎样才能避开这件事？