如果使用jquery选择下拉项，则显示表单字段

我正在尝试创建一个下拉字段，如果选中“其他”项，则会出现“请指定”文本框。 下面只使用一个下拉选择字段，但只要我添加第二个选择字段，它就不再有效。

这就是我所拥有的似乎不起作用的东西：

CSS …

#techother{display:none;} #lmsother{display:none;} 

身体…

 
Chose Your Browser:  -- Select an Option -- IE FF Safari Opera Other  
 
 
Please Specify: 
 
 
Operating System:  -- Select an Option -- Windows iOS Other  
 
 
Please Specify: 
  

脚本…

   $('form select[name=Browser]').change(function(){ if ($('form select option:selected').val() == '5'){ $('#browserother').show(); }else{ $('#browserother').hide(); } }); $('form select[name=OS]').change(function(){ if ($('form select option:selected').val() == 'otheros'){ $('#osother').show(); }else{ $('#osother').hide(); } });  

有什么办法使这项工作？ 谢谢！

Answer 1

你去： http ： //jsfiddle.net/ecZrE/

你在选择器中混淆了一些东西。 使用

 $('p select[name=Browser]') 

代替

 $('form select[name=Browser]') 

因为没有表格元素。 但无论如何你的片段都是不完整的。

另一个错误的选择器

 $('form select option:selected') 

因为你忘了指定select元素。

Answer 2

试试这个演示： http ： //jsfiddle.net/2pM3n/1/

 $('select[name=Browser]').change(function () { if ($(this).val() == '5') { $('#browserother').show(); } else { $('#browserother').hide(); } }); $('select[name=OS]').change(function () { if ($(this).val() == 'otheros') { $('#osother').show(); } else { $('#osother').hide(); } });