下拉列表显示不同的表单项

现在我想实现这样一种效果,在一个form表当中,当我选择下拉列表的一个值时,form表会显示不同的表单形式。比如,有些选项没有,而选择另一个下拉值时,产生这个选项。请问下... 现在我想实现这样一种效果,在一个form表当中,当我选择下拉列表的一个值时,form表会显示不同的表单形式。比如,有些选项没有,而选择另一个下拉值时,产生这个选项。
请问下这种效果如何实现?
展开
 我来答
b314170122
2011-03-05 · TA获得超过1082个赞
知道小有建树答主
回答量:194
采纳率:0%
帮助的人:179万
展开全部
给onchange事件绑定一个函数

这个函数就用来给对应的选项显示隐藏

例如
<input id="text1" value="text1" />
<input id="text2" value="text2" />
<input id="text3" value="text3" />

<select onchange="changeText(this)">
<option value="1">隐藏text1</option>
<option value="2">隐藏text2</option>
<option value="3">隐藏text3</option>
</select>

javascript:

function changeText(str){
for(var i = 1; i <= 3 ; i++){
if(str == i ){
document.getElementById("text"+i).style.display = "none";
}else{
document.getElementById("text"+i).style.display = "block";
}
}
}
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式