Question

我想将css class dropdownliststyle添加到下拉菜单中，当＆＃34;请选择＆＃34;在焦点上被选中。我会这样做吗？

这是我的jsfiddle链接https://jsfiddle.net/3dj3srxp/到

CSS

 .DropDownStyle {
   background-color: red;
   color: white;
 }

jquery的

$(document).ready(function() {
    $('input[type="text"]').each(function() {
      $(this).focus(function() {
        $(this).addClass('textBoxStyle');
      });

      $(this).blur(function() {
        $(this).removeClass('textBoxStyle');
      });
    });

    $('select').focus(function() {
        $(this).addClass('DropDownStyle');
    });

    $('select').blur(function() {
        $(this).removeClass('DropDownStyle');
      });

  });

Answer 1

让我们一行。

LD_PRELOAD

Answer 2

您需要添加一个if语句来检查该值，并且使用更改函数实际上会更好：

$('select').change(function() {
  if ($(this).val() == "select") {
    $(this).addClass('DropDownStyle');
  } else {
    $(this).removeClass('DropDownStyle');
  }
 });

你可以在这里看到小提琴：https://jsfiddle.net/3dj3srxp/3/

Answer 3

如果您想要更改选择框的颜色，焦点仅适用于输入元素，您可能会使用“更改”＃39;事件：

$('select').on('change',function() {
   $(this).removeClass('DropDownStyle');

   if($(this).val() == 'select'){
     $(this).addClass('DropDownStyle');
   }
});

如何根据选项使用jquery将类添加到dropdownlist

3 个答案: