javascript - 当 2 个选择框之一发生更改时，发出警报并显示每个选择框的值

Question

鉴于以下情况:

<div class="filters" id="filters">
<select id="state" name="state" tabindex="1" >
<option value="">Filter by State</option>
<option value="AL" >Alabama</option>
<option value="AK" >Alaska</option>
<option value="AZ" >Arizona</option>
etc...
</select>

<select id="availability" availability="products" tabindex="2">
<option value="">Filter by Availability</option>
<option value="yes">Available 24/7</option><option value="no">Not Available 24/7</option>
</select>
</div>

什么样的 JQUERY 魔法会绑定(bind)到过滤器，以便每当 SELECT 输入发生更改时，它都会发出 STATE 和 AVAILABILITY 值的警报？

Answer 1

尝试:

$('#filters > select').change (function () {
    alert ($('#state').val ());
    alert ($('#availability').val ());
});