2012-05-08 39 views
0

我使用的是由Eric Hynds开发的jQuery下拉菜单。 Eric Hynds Multi-selectjquery - 多选下拉菜单和单选择下拉菜单在同一页面上?

我想在页面上有一个多选下拉菜单和一个选择下拉菜单。 我以为我可以这样引用它:

$(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> 

我从填充代码隐藏从数据库中获取数据的下拉菜单。 尽管我将单选(ddlYear)设置为不是多个,但仍显示为多选下拉列表。

有两种类型的下拉列表可以存在于同一页面上吗? 谢谢。

回答

0

试试这个,

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

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

嗨Jayantha, 您的解决方案无法正常工作。如果我这样做,所有下拉列表都会变成多选列表。由于某些原因,它只接受$(“select”)。multiselect({0128} ? –

0

您可以用粘插件或者您可以使用这两个插件

Jquery Plugins 1

Jquery Plugins 2

看来那里是在一个错误的脚本

+0

我用普通的HTML代替了aspx页面。 <脚本类型= “文本/ JavaScript的”> $(函数(){ \t $( “#演示”)的多选({ \t \t多个:真, \t \t标题: “选择一个选项” , \t \t noneSelectedText: “选择一个选项”, \t \t selectedList:1 \t}); \t \t $( “#DEMO2”)多选({ \t \t多个:假, \t \t标题: “选择一个选项”, \t \t noneSelectedText: “选择一个选项”, \t \t selectedList:4 \t}); \t \t }); 这有效。这里的关键是,我有一个runat = Server,所以我可以从代码后面填充列表。我认为这是问题。我想知道如何解决这个问题? –