jquery - 如何为适当的选择选项（使用 DropKick）做出适当的操作？

Question

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

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

这是我的选择，我想对此做出反应：

  <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。

又注意到一件事

else if(value="yearly"){

应该

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