javascript - 从多选下拉列表中选择选项

Question

我正在使用 Rails 中的 select_tag 和引导多选功能。我能够显示选项。但是如何在页面加载时使用 jquery 选择选项。

选择标签代码 <%= select_tag 'test', options_from_collection_for_select(@test, "id", "name"), :class => "form-control", :multiple => "multiple" %>

$('#test').multiselect({ 
  includeSelectAllOption: true,
  enableFiltering:true         
});  

当我使用时

 $("#test").val(["some_value_of_option", "some_value_of_option"]).prop("selected", true);

上面的代码无法选择选项。预先感谢您的帮助..

Answer 1

为什么不使用 jQuery 而是直接从 HTML 来实现呢？

<form>
  <select multiple="multiple" id="test" class="multiselect">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three" selected>Three</option>
    <option value="four"  selected>Four</option>
    <option value="five">Five</option>
  </select>
</form>

如果您确实需要使用 jQuery，我们当然可以扩展 Madalin 的答案来更新 View :

$("#test").find('option[value="cheese"]').prop("selected", true);
$("#test").find('option[value="mozarella"]').prop("selected", true);

// Don't forget to update view
$("#test").multiselect('refresh');