javascript - 如何设置所有选择/选择下拉菜单

Question

我在页面上有一个全局选择框，我想用它来设置页面上的所有其他选择框。他们都有相同的选项。

因此，当我更改全局下拉列表时，如何将所有其他下拉列表设置为相同的值。

我的所有其他选择框都有一个以“inventory_location_select_”开头的 ID

$("#global_location").change(function(){
    var globalValue = $("#global_location").val();
    $("input[id^=inventory_location_select_]").val(globalValue);
});

这是我的 html:

主选择框:

<select id="global_location">
<option selected="selected">Choose Option</option>
<option value="3542">Acme Pos 1</option>
<option value="3545">Acme Pos 2</option>
<option value="4892">Acme Test 1234567890</option>
<option value="4896">FBA CA Prep</option>
<option value="4889">FBA Prep 1</option>
<option value="4895">FBA Prep 2</option>
<option value="4897">FBA Prep 3</option>
<option value="4893">POD 3 Area 1</option>
</select>

我的其他盒子之一:

<select id="inventory_location_select_1">
<option>Choose Option</option>
<option value="3542">Acme Pos 1</option>
<option value="3545">Acme Pos 2</option>
<option value="4892">Acme Test 1234567890</option>
<option value="4896">FBA CA Prep</option>
<option value="4889">FBA Prep 1</option>
<option value="4895">FBA Prep 2</option>
<option value="4897">FBA Prep 3</option>
<option value="4893">POD 3 Area 1</option>
</select>

这看起来很简单，我就是想不通。

Answer 1

选择器错误，您正在尝试选择 input 元素:

$("select[id^=inventory_location_select_]").val(globalValue);