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更改處理程序