javascript - 使用 JavaScript 或 jQuery，如何检查选择框是否与原始值匹配？

Question

只是想知道是否有任何方法可以检查页面加载时选择框下拉列表的值是否与原始值匹配(当使用 selected = "yes" 设置值时) >) ？

我想我可以使用 PHP 将原始值创建为 JavaScript 变量并根据它们进行检查，但是有几个选择框，我试图让代码尽可能简洁!

Answer 1

一点也不难。这将跟踪页面上每个 select 的值:

$(document).ready(function() {
    $("select").each(function() {
        var originalValue = $(this).val();

        $(this).change(function() {
            if ($(this).val() != originalValue)
                $(this).addClass('value-has-changed-since-page-loaded');
            else
                $(this).removeClass('value-has-changed-since-page-loaded');
        });
    });
});

这会将一个新类value-has-changed-since-page-loaded(大概你会重命名为更相关的东西)应用到任何值不同于它的选择框页面加载时。

只要您有兴趣查看值已更改，就可以利用该类。