簡體   English   中英

jQuery UI多重選擇不適用於多個+單一選擇

[英]jquery ui multiselect does not work with multiple + single select

我正在同一頁面上使用此插件http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#single進行多選,希望也可以進行單選。 基本上我有2個選擇-一個是多個,另一個是單個,但是我想將它們的樣式設置為相同。 所以我嘗試:

<script type="text/javascript">
        $(function(){
        $("#altceva").multiselect({
            multiple: false,
            header: "Select an option",
            noneSelectedText: "Select an Option",
            selectedList: 1
        });

         $("#ceva").multiselect();
    });     
    </script>

然后選擇:

<select name="123_cat[]" id = "ceva" multiple="multiple" size="5">  
   <?php foreach($subcategories['categories'] as $sc) { ?>
   <optgroup label="<?php echo $sc['name']; ?>">
    <?php foreach ($sc['subcategories'] as $ss){?>                              
             <option id = "123_cat" value="<?php echo $ss['sid']; ?>" <?php if (isset($_GET['123_cat'])) { if(in_array($ss['sid'], $_GET['123_cat'])) echo "selected = 'selected'";} else { if(in_array($ss['sid'], $the_subcategories)) echo "selected = 'selected'"; } ?>><?php echo $ss['name']; ?></option>
        <?php }?>

    <label for="oras">Oras</label>  
       <select name="123_city" id = "altceva">      
          <?php foreach($ac as $rc) {?> 
             <option id = "123_city" value="<?php echo $rc['slug']; ?>" <?php if         (isset($_GET['123_city'])) { if ($rc['slug'] == $_GET['123_city']) echo 'selected =   "selected"';} else { if ($rc['slug'] == $my_data->city) echo 'selected = "selected"';} ?>>           <?php echo $rc['name']; ?> </option>
        <?php } ?>

            </select>

問題是多選有效,但單選根本不起作用(我無法選擇任何內容,下拉列表但沒有選擇任何內容)。 知道為什么嗎? 非常感謝。

altceva should be the id of multiselect dropdown and ceva should be the id of single dropdown.... Go for the below code...:)

<script type="text/javascript">
        $(window).load(function(){ 
        $("#altceva").multiselect({
            multiple: true,
            header: false,
            noneSelectedText: "Select an Option",
            selectedList: 1
        });

         $("#ceva").multiselect({
            multiple: false,
            header: false,
            noneSelectedText: "Select an Option",
            selectedList: 1
        });
    });     
    </script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM