5

Blueわかりましたので、ドロップダウン メニューからプレフィックスを持つ項目が選択された場合に入力ボックスを表示する jQuery コードがあります。

コード:

$(function() {
    $('#text1').hide();
    $('#select2').on('change', function(event) {
        var opt = this.options[ this.selectedIndex ];
        var picked_blue = $(opt).text().match(/Blue/i);
        if(picked_blue) {
            $('#text1').show();
        } else {
            $('#text1').hide();
        }
    });
});

しかし、追加する必要があるのは、ドロップダウンメニューから他の項目が選択された場合に何か他のものを表示することです. 表示する必要があるのは、アイテムの別のドロップダウン メニューです。

4

3 に答える 3

6

これはあなたのために働くべきではありません:

if(picked_blue) {
  $('#text1').show();
  $('#text2').hide();
} else {
  $('#text1').hide();
  $('#text2').show();
}

DOMのどこで位置text1text2共有し、それぞれ「青」や「まったく青ではない」などのテキストを使用しますか?

于 2012-12-19T11:08:04.010 に答える
2

ステートメントの else 部分に条件を入れる必要があります。

$(function() {
    $('#text1').hide();
    $('#select2').on('change', function(event) {
        var opt = this.options[ this.selectedIndex ];
        var picked_blue = $(opt).text().match(/Blue/i);
        if(picked_blue) {
            $('#text1').show();
        } else {
            $('#text1').hide();
            if($(opt).text().match(/Red/i))
            {
                  //You code here
            }
        }
    });
});

または短縮コード。

$(function() {
    $('#text1').hide();
    $('#select2').on('change', function(event) {
       selectedVal = $(this).val().toLowerCase();
       switch (selectedVal){
         case 'blue':
            //Your code
            break;
          case 'red':
           //Your code
           break;
          case 'black':
            //Your code
            break;
          default:
            //your code
        }
   });
});
于 2012-12-19T11:04:08.693 に答える
1

Jqueryでトグル機能を試してはいけない理由

$('#text1').toggle();
于 2012-12-19T11:04:51.230 に答える