从多选下拉菜单中选择选项

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的答案来更新视图：

$("#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');

Answer 2

我们可以将数组形式的选定值作为options_from_collection_for_select的第三个参数传递。

例如，options_from_collection_for_select（@test，“ id”，“ name”，[“ 1”，“ 2”，“ 3”]）

Answer 3

使用find和属性选择器选择具有值的元素

尝试以下方法：

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