Jquery UI.Multiselect工作不正常

Question

我正在使用jquery ui.multiselect每一件事情都正常工作，但有一個小問題，當我在該頁面加載我的編輯項目頁時，我想顯示頁面上選擇的一些項目負載，我做以下的事情

<select id="control_1" class="multiselect" > 
        @foreach (var item in Model.Allcategories) 
        { 
         if (Model.Categories.Contains(item)) 
         { 
          <option selected="selected">@item.Name</option> 
         } 
         else 
         { 
          <option >@item.Name</option> 
         } 
        } 
       </select> 

，這是我使用的JavaScript

<link href="/Content/css/ui.multiselect.css" rel="stylesheet" type="text/css" /> 
<script src="/Scripts/jquery.scrollTo-min.js" type="text/javascript"></script> 
<script src="/Scripts/ui.multiselect.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
    // $("#control_1").addClass("multiselect"); 
    $(".multiselect").multiselect(); 
    $('.ui-multiselect').removeAttr('style'); 
}); 
</script> 

這是人口稠密的HTML

<select id="control_1" class="multiselect" > 
          <option selected="selected">DGOCVs.com</option> 
          <option >DGOCV.com</option> 
          <option selected="selected">ZQAHP.com</option> 
          <option selected="selected">IIFSV.com</option> 
          <option >asdf</option> 
          <option >RBKDBs.com</option> 
          <option >NLXIV.com</option> 
          <option >WDBTB.com</option> 
          <option >TTSBB.com</option> 
          <option >DLXMH.com</option> 
          <option >INOCH.com</option> 
          <option >NQFSH.com</option> 
          <option >WIKCN.com</option> 
          <option >BKCTM.com</option> 
          <option >LPKZM.com</option> 
          <option >https://google.com498.com</option> 
          <option selected="selected">mduxf.com</option> 
       </select> 

你可以看到有被設置爲選擇四個要素，但我看到這樣

現在你可以看到應該有選擇的4個項目，但只有一個。

感謝，

Answer 1

如果你希望你的<select>元素，以支持在首位多重選擇，你必須指定其multiple屬性：:-)

<select id="control_1" class="multiselect" multiple="multiple"> 
    <!-- ... --> 
</select>