jQuery确定选择框的值是否有变化

Question

我如何确定在选择框中更改的值，而无需单击选择框本身。

我的代码如下：

JQUERY

            $("select").each(function() {
                $(this).change(function() {
                    if ($(this).val() === "-Select-"){
                        this.parent().addClass("highlightSelect");
                        this.parent().sibling().show();
                    }   else{
                        this.parent().removeClass("highlightSelect");
                        this.parent().sibling().hide();
                    }
                });
            });

的HTML

<div id="wwctrl_add_savedAddressId" class="wwctrl styled-select">
<select id="add_savedAddressId" class="storedPaymentInput_size4 required savedAddress checkDropdown valid" onchange="changeSavedAddressType();generateSavedAddressAdd();" name="summaryData.usedAddress">
<option value="-Select-">-Select-</option>
<option value="O">Enter New Address</option>
<option value="3041">Home - 116 Parrot...</option>
<option value="22268">Other - rwara, aw...</option>
<option value="21372">Other - 1040..</option>
</select>
</div>
<div class="error" for="add_savedAddressId" generated="true" style="display: none;"> Select item</div>

注意：我还有其他按钮会影响上述选择框的值更改

Answer 1

首先-您的相关代码无法正常工作。 必须是这样的：

                $("select").change(function() {
                    if ($(this).val() === "-Select-"){
                        $(this).parent().addClass("highlightSelect");
                        $(this).parent().siblings().show();
                    }   else{
                        $(this).parent().removeClass("highlightSelect");
                        $(this).parent().siblings().hide();
                    }
                });

parent是jquery对象函数，而不是dom对象函数， this是一个dom对象，可以将其转换为jq对象，如下所示： $(this) 。 另外，thers不是jquery中的sibling方法，但是有siblings 。 或者，如果您要接受下一个/上一个同级，可以使用.next() / .prev()代替siblings ，这将返回元素的所有同级

我删除了每个，但实际上这不是必需的。 您可以使用它，但是几乎所有的jquery方法都可以对方法集进行操作，因此$("select")可能在页面中找不到很少的选择，而$("select").change(...)将绑定经$("select").change(...)处理程序$("select")找到的所有选择。

并回答您的问题：据我了解，您希望在以语法形式更改所选值后调用更改处理程序。 您可以这样执行： $("select").change() ，但是通过这种方式，您将在所有选择项上调用change事件，因此您可以这样做： $("#add_savedAddressId").change() 。 在第二种情况下，您将仅对ID为add_savedAddressId select调用add_savedAddressId更改处理程序