0

レポートページを作成していますが、適切なタイプのレポートに適切なリストを表示したいと思います。

毎月、毎年、要約のレポートがあります。

これが私の選択であり、私が反応したいものです：

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

誰かが私を助けることができますか？

4

1 に答える 1

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

する必要があります

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

そのdivはyearlyidではなくclassを使用するためです。

さらに、一度に1つだけを表示したい場合は、1つを表示する前にもう1つのdivを非表示にする必要があります。

もう1つ気づいた

else if(value="yearly"){

する必要があります

else if(value=="yearly"){
             ^ this
于 2012-08-05T08:51:34.090 に答える