jquery - 如何对适当的选择选项进行适当的操作(使用 DropKick)？

Question

我正在制作报告页面并希望为适当类型的报告显示适当的列表。

我有月度报告、年度报告和总结报告。

这是我的选择，我想对其使用react:

  <div class="select">
        <select name="type" class="default" tabindex="7">
          <option value="monthly">Monthly report</option>
          <option value="yearly">Yearly report</option>
          <option value="summary">Summary</option>
        </select>
  </div>

这是来自 DropKick 的示例:

    $('.change').dropkick({
   change: function (value, label) {
   alert('You picked: ' + label + ':' + value);
  }
});

我想使用类似的东西:

 $('.default').dropkick({
 change: function (value, label) {
if(value=="monthly"){
    $(".monthly").show();
  }
 else if(value="yearly"){
   $("#yearly").show();
 }
 }
});

但是没有用。在我看来，我有隐藏的 div，所有这些选择:

 <div class="types">
       <div class="monthly">
          ...
        </div>
      <div class="yearly">
        ...
      </div>
  </div>

谁能帮帮我？

Answer 1

$("#yearly").show();

应该是

$(".yearly").show();

因为那个 div 使用 yearly 类，而不是 id。

另外，如果您只希望同时显示一个 div，您可能应该在显示一个 div 之前隐藏另一个 div。

刚注意到一件事

else if(value="yearly"){

应该是

else if(value=="yearly"){
             ^ this