显示x如果x显示y如果y(我知道的标题错误)

Question

好的,所以我有一些jQuery代码,如果选择了带有前缀的项目,则会显示一个输入框Blue.

码:

$(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();
        }
    });
});

但我还需要添加的是,如果选择了下拉菜单中的任何其他项目,则显示其他内容.而我需要显示的是另一个项目的下拉菜单.

Answer 1

这不应该对你有用:

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

在哪里text1和text2分享DOM中的位置,分别是"蓝色"和"不是蓝色"等文本？