jquery中的动态下拉选择

Question

我有一个字段：

 <span>Color Set By</span> 
 <select class="full select" id="mapcolor">
    <option value =1 selected >Difference in Final Price</option>
    <option value =2 >Difference in Regular Price</option>
    <option value =3 >Difference in Final Price/Shipping</option>
 </select>

但是当另一个函数传递的选项值是2时，我需要更改以更改选择。以及取消选择之前的内容。它和下拉菜单。我的代码是正确的：

var mapid=getPresetFilters(mapcolor);
if(mapid!==$('select#mapcolor').val()) {
    $("#mapcolor option[value=mapid]").attr("selected", "selected");
}

Answer 1

您可以使用.val()设置选择元素的选定值

$('#mapcolor').val(mapid);

演示：Fiddle

在你的情况下，mapid是一个包含select元素所需值的变量，你的代码应该是

$('#mapcolor option[value="' + mapid + '"]').prop("selected", true);

演示：Fiddle