jQuery 检查选​​择字段是否已更改

Question

我想做一个 jQuery 检查选​​择字段是否已更改。如果发生变化，则设置一条警报消息(已更改)，如果返回默认值，则设置另一条警报消息(默认值)。

$('select').on('change',function () {
    var isDirty = false;

    $('select').each(function () { 
        var $e = $(this);      
        if (!$e[0].options[$e[0].selectedIndex].defaultSelected) {
        isDirty = true;
        }    
    });

    if(isDirty == true) { 
        alert("has changed");
    } else {
        alert("default value");          
    }
});

请告知这是否是正确的方法。

Answer 1

您不需要内部each循环。另外 $(this)[0] 可以优化为 this:

$('select').on('change', function () {
        
    var isDirty = !this.options[this.selectedIndex].defaultSelected;

    if (isDirty) {
        alert("has changed");
    } else {
        alert("default value");
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="" id="">
    <option value="1">Label 1</option>
    <option value="2" selected>Label 2</option>
    <option value="3">Label 3</option>
    <option value="4">Label 4</option>
</select>