按类设置所有选择列表

时间:2015-06-18 12:48:28

标签: javascript jquery html5

我有几个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>

我有几个selects如何更新它们以便它们都选择了相关的选项值?

2 个答案:

答案 0 :(得分:6)

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

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

DEMO

答案 1 :(得分:3)

selected_values数组中放入一些值后,它应该可以正常工作。这是fiddle