Question

一个非常基本的问题，我确定，我似乎无法破解。我想要做的只是在选择菜单中的特定选项时触发一个简单的事件。

这是基本的SELECT菜单项：

<select id="mySelect">
  <option value=1>1 - Does not show</option>
  <option value=2>2 - Does not show</option>
  <option value=3>3 - Does show</option>
</select>

事件的目标项目：

<div id="see-me-now" style="display:none;">Boo!</div>

到目前为止我已经获得了JQuery：

$(document).ready(function(){
   $("#mySelect").change(function(){
        $("#see-me-now").fadeIn('slow');
   });
});

现在，我知道我在哪里遗漏了一些代码，我似乎无法获得该代码的确切内容：

$(document).ready(function(){
   $("#mySelect").change(function(){
      $(*MISSING CODE GOES HERE, I BET*){
        $("#see-me-now").fadeIn('slow');
      });
   });
});

由于

Answer 1

你所做的是完全正确的。但是你忘了添加条件。请参阅以下代码：

$(document).ready(function(){
   $("#mySelect").change(function(){
      if ($(this).val() == 3) {
        $("#see-me-now").fadeIn('slow');
      }
   });
});

您的代码中也存在错误。 if条件应该有不同的结束。

<强>段

＆＃13;

$(document).ready(function(){
  $("#mySelect").change(function(){
    if ($(this).val() == 3) {
      $("#see-me-now").fadeIn('slow');
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="mySelect">
  <option value=1>1 - Does not show</option>
  <option value=2>2 - Does not show</option>
  <option value=3>3 - Does show</option>
</select>

<div id="see-me-now" style="display:none;">Boo!</div>

＆＃13;

Answer 2

你想要这个吗？

if($(this).val() == 3) {
    $("#see-me-now").fadeIn('slow');
}

如何使用JQuery在选择菜单项上触发事件

2 个答案: