javascript - Html 默认选择选项 - 不同的颜色 - 不适用于当前的 Jquery

Question

我想要一个带有默认选项的选择字段，该选项不打算用作选择，是灰色/淡出的，而其他 optional 是黑色的。我试过 jquery 但它似乎在我的网站上不起作用，问题似乎在于 jquery 不再支持实现。在下面的 jsfiddle 链接中，它可以正常工作，但只能达到 1.72。我如何支持/实现这个。感谢您提供的所有帮助!

Jquery 实现

jQuery(document).ready(function($) {       
  function colorgray() {
    if($(this).val() == "0") $(this).addClass("empty");
      else $(this).removeClass("empty");
  }
     $("select.loan-type").change(colorgray);

$("select.loan-type").change();
     $("select.loan").change(colorgray);

$("select.loan").change();
});

JSfiddle Example

Answer 1

空类被应用，但当你调用时它又被删除 再次 $("select.loan").change();。

在您的代码中保留这一行似乎会产生正确的效果。

jQuery(document).ready(function($) {       
  function colorgray() {
    if($(this).val() == "0") $(this).addClass("empty");
    else $(this).removeClass("empty");
  }
  $("select.loan-type").change(colorgray);


  $("select.loan").change(colorgray);

});