從多選下拉菜單中選擇選項

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);