javascript - 按类别设置所有选择列表

Question

我有几个具有相同类的input type="select"。全部具有相同的选项值。我正在迭代一个数组并检查选项值是否在其中。如果是，那么我希望选择所有相关的选项值。我尝试使用此 JQuery 但它不会使用所选值更新选择下拉列表:

JS

$(".contacts option").each(function() {
    var x = $(this);
    if($.inArray(x.val(), selected_values)!= -1){
        x.prop('selected', true);
    }
});

HTML

<select class="form-control contacts" name="publicPermissions" id="publicPermissions" multiple="multiple">
    <option value="share">Share</option>
    <option value="private">Private</option>
    <option value="user">User Config</option>
    <option value="work">Work</option>
</select>

我有几个这样的选择，如何更新它们以便它们都选择相关的选项值？

Answer 1

您只需要使用 .val()方法。无需使用循环。

$(".contacts").val(selected_values); 

DEMO