jsp动态弹出下拉框及文本框

在一个页面中，摆入一个select下拉框，在这个下拉框里有两个值1跟2，然后选中1时，页面跳出第二个select下拉框，里面有两个值3和4，最后选中3或4之后，页面再跳出... 在一个页面中，摆入一个select下拉框，在这个下拉框里有两个值1跟2，然后选中1时，页面跳出第二个select下拉框，里面有两个值3和4，最后选中3或4之后，页面再跳出一个文本框。第一个下拉框如果选中值2，则页面直接跳出文本框而不跳出第二个下拉框，请高手帮忙解答，谢谢！我找过些代码，但都不是挺满意，希望可以给个能直接运行出这效果的代码！展开

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

pangfangaimym
2008-12-16 · TA获得超过126个赞

知道小有建树答主

回答量：539

采纳率：0%

帮助的人：290万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<title>
</title>
<script>
function show(obj){
var id = obj.id;

if(id=="s1"){
if(obj.value=="1"){
document.getElementById("t1").style.display="none";
document.getElementById("s2").style.display="block";
}else if(obj.value=="2"){
document.getElementById("t1").style.display="block";
document.getElementById("s2").style.display="none";

}else {
document.getElementById("t1").style.display="none";
document.getElementById("s2").style.display="none";
}

}
if(id=="s2"){
if(obj.value!=""){
document.getElementById("t1").style.display="block";
}else{
document.getElementById("t1").style.display="none";
}

}

}
</script>
</head>
<body>
<div>
<select id="s1" onchange="show(this)">
<option value="">请选择</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="s2" onchange="show(this)" style="display:none;">
<option value="">请选择</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input type="text" id="t1" value="" style="display:none;"/>

</div>
</body>
</html>

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jsp动态弹出下拉框及文本框

为你推荐：