2012-05-08 55 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,所以我可以從代碼後面填充列表。我認爲這是問題。我想知道如何解決這個問題? –