Question

$('select').change(function(){
  if($(this).val() == '_none'){ 
    $(this).closest('div').addClass('HELLO-MATE');
  }
});

我将此设置为在选择列表的周围div中添加一个类，因此如果值为none，我可以添加一些CSS。

select html看起来像这样......

<select id="myselect" name="field_guest_list" class="form-select">
  <option value="_none">- None -</option>
</select>

正在调用JS，但是这个类并没有添加到任何地方。谁能看到我做错了什么？

Answer 1

试试这个：

＆＃13;

$(document).ready(function() {
      $('select').change(function() {
        if ($(this).val() == '_none') {
          $(this).closest('div').addClass('HELLO-MATE');
        } else {
          $(this).closest('div').removeClass('HELLO-MATE');
        }
      }).trigger("change");
    });

＆＃13;

.HELLO-MATE {
  background: gray;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div>
  <select id="myselect" name="field_guest_list" class="form-select">
    <option value="_none">- None -</option>
  </select>
</div>

＆＃13;

一旦我们附加了更改事件监听器以执行我们的逻辑，我们就会通过$.trigger("change")触发更改事件

目标选择选项的值为_none

1 个答案: