jquery select 问题

Question

[code="java"]

请选择
测试1
测试2






[/code]

切换测试1和测试2的时候，会对应显示的文本框。选“请选择”的时候不显示任何文本框，用jquery怎么实现？
求解决。。。。

Answer 1

针对你的新问题：
【有没有更好些的方法呢？假如有测试1、测试2、……测试10，同样切换绑定对应的input该怎么实现呢？】
:D 下次提问的时候记得如果有新问题直接追加在原问题上，不要追加在回答者留言上，这样别人看不到的。。。
这个简单了。要确保你select 中的value 就是你要显示的input的id
例如：

[code="html"]


请选择

测试1

测试2

测试3






[color=red]注意看了 测试3的value和input 中有一个id=nnn1的一样，那么这样的话就有办法进行优化了[/color]

$(document).ready(function(){

$(".xx_select").change(function()

{
var selectValue= $('select[name="a"]').val();
if(selectValue=="")
{
//其中根据class xx_input 的来标识是你要控制的，如果页面中有多个与这个无关的 input 但class 也是 xx_input 可以新建一个class 但样式属性和 xx_input 的一样就可以了，但className名字不一样 就可以了
$(".xx_input").hide();
}else
{
$(".xx_input").hide();
$("#"+selectValue).show();
}
});
});