0

jquery を使用して複数選択ドロップダウンリストに値を設定するにはどうすればよいですか。MVC3 Razor ビューを使用して複数選択ドロップダウンを表示し、http://quasipartikel.at/multiselect_next/ この複数選択プラグインを使用しています。

 <div class="editor-field">         
   @Html.DropDownListFor(model => model.ActionId, (SelectList)ViewBag.ActionsList, new { @class = "multiselect", @multiple = "multiple", @style = "width: 450px;height:300px" })
    @Html.ValidationMessageFor(model => model.ActionId)   
</div>
<button onclick="setValues()">Set values </button>

JavaScriptで私はコードを使用しました

function setValues() {      
    var valArr = [2, 3, 5];
    var i = 0, size = valArr.length;
    var  $options = $('#ActionId option');
    for (i; i < size; i++) {           
        // $("#ActionId option[value='" + valArr[i] + "']").attr("selected", 1); this is also not working
        $("#ActionId option[value='" + valArr[i] + "']").attr("selected", true);
    }     
}

しかし、ボタンのクリックイベントで値が選択されていません。ページを更新すると、値が選択されます。どうすればこれを克服できますか? javascriptを使ってボタンクリックでmultdropdownリストに値を設定したい

4

2 に答える 2

0

choosen js を使用して、機能的に複数選択を行うことができます。

このドキュメントをデモとともに参照してください。

http://harvesthq.github.io/chosen/

于 2013-10-14T05:46:08.573 に答える