在特定选项选择上显示文本字段

我正在尝试学习一些jQuery，我无法弄明白，当我在select标签中选择一个特定选项时，如何显示文本字段（当然是基于ID）。 我已经谷歌找到我的问题的答案，但我还没有找到任何东西。 我问你怎么解决这个问题。 请参阅下文我的想法。

默认情况下：

选择标签

• 选项1

• 选项2

• 选项3

默认隐藏的文本字段。

如果我选择选项1 ，文本字段将保持隐藏状态。 如果我选择选项2 ，结果与第一个相同。 如果我选择选项3，则文本字段将可见。 如果我选择其他选项，再次说回选项2 ，则会隐藏文本字段。

我希望你明白我的意思:)

提前致谢。

Answer 1

看看这个： http ： //jsfiddle.net/a8ZWx/

您可以使用select元素的change事件来决定是显示还是隐藏文本框。

Answer 2

jsfiddle例子

CSS

 .hiddenField{ display: none; } 

HTML：

  Option 1 Option 2 Option 3   

jQuery的

 $(document).ready(function(){ $('#myOptions').change(function(){ $(this).val() == "Option 2" ? $('#myTextBox').show() : $('#myTextBox').hide(); }); }); 

Answer 3

 $('#myselect').change(function(){ var val =$("#myselect :selected").val(); if(val == 'Option 3'){ $('#textbox').show(); } else{ $('#textbox').hide(); } });