Question

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

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

我的所有其他选择框的ID都以“inventory_location_select _”

开头

$("#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);

Answer 2

变化：

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

到

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

您的元素是选择，但您尝试更改输入。无论哪种方式，您都不需要指定它们。如果需要，请使用$("select[id^=inventory_location_select_]").val(globalValue);

<强> jsFiddle example

如何设置所有选择/选择下拉列表

2 个答案: