jquery - 如果 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 中共享位置，分别带有“blue”和“not blue at all”这样的文本？