Jquery 显示x如果x显示y如果y（我知道标题不好）

好的，我有一些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();
            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
        }
   });
});

---

为什么不能在Jquery中尝试使用切换功能

$('#text1').toggle();

---

这不适合你吗：

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

---

其中

text1

和

text2

分别与“蓝色”和“一点也不蓝色”等文本共享DOM中的位置？

您希望显示什么？只要把它放在

其他

我还需要添加的是显示其他东西

那是什么？然后我需要显示另一个下拉菜单。尝试添加html和css tooOk，得到了解决方案：）谢谢大家的发布。这里的问题是，你添加的内容只适用于前缀为红色的项目，但是我还有很多其他的方法。试着用一个映射来代替

var actions={'blue'：function（）{$text1.show（）}，'red'：function（）{/*bla*/}

和

actions[selected]（

嘿，谢谢你的帖子，我通过添加：if（picked#blue）{$（''text1'）.show（）；$（'text2'）.hide（）}}或者{$（'text1'）.hide（））.hide（）$（'#text2'）.show（）；}

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