2

私は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つの要素があることがわかりますが、私はこのように見えます

実装されたバージョン

ご覧のとおり、4 つのアイテムが選択されているはずですが、1 つしかありません。

ありがとう 、

4

1 に答える 1

4

<select>最初に要素で複数選択をサポートしたい場合は、 multiple属性を指定する必要があります。

<select id="control_1" class="multiselect" multiple="multiple">
    <!-- ... -->
</select>
于 2013-01-15T11:11:39.110 に答える