Question

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

我有monhly，Annual和summary报告。

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

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

刚注意到还有一件事

else if(value="yearly"){

应该是

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

如何针对适当的选择选项（使用DropKick）采取适当的措施？

1 个答案: