jquery select 问题

[code="java"]




请选择
测试1
测试2






[/code]

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

针对你的新问题：
【有没有更好些的方法呢？假如有测试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();
}
});
});

[code="js"]
$(document).ready(function(){
$(".xx_select").change(function()
{
var cc2 = $('select[@name="a"]').val();
if(cc2=="")
{
$("#mmm").hide();
$("#nnn").hide();
}else if(cc2=="mmm")
{
$("#mmm").show();
$("#nnn").hide();
}
else if(cc2=="nnn")
{
$("#nnn").show();
$("#mmm").hide();
}

})
});[/code]

[code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档 $(function() { $("#a").change(function() { if($("#a").val() == "mmm") { $("#mmm").show(); $("#nnn").hide(); } else if($("#a").val() == "nnn") { $("#nnn").show(); $("#mmm").hide(); } else { $("#mmm").hide(); $("#nnn").hide(); } }); });














请选择

测试1

测试2










[/code]

[code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档 $(function() { $("#a").change(function() { for(var i = 0; i < $('#a option').length; i ++) { $("#test" + i).hide(); if($("#a").get(0).selectedIndex) { $("#test" + $("#a").get(0).selectedIndex).show(); } } }); });














请选择

测试1

测试2










[/code]

凡是google 一搜一大把的，建议先问google.