JS实现用下拉框控制文本框的显示与隐藏？

来源：互联网发布：centos7图形网络配置编辑：程序博客网时间：2024/05/19 22:49

下拉框中有内容，如A,B,C,当选A时文本框出现，当选B时，文本框消失，高手帮帮忙！

<select onchange="docuenmt.getElementById("文本框ID").style.display=this.selectedIndex==1)?'block':'none';" ....this.selectedIndex==1表示B项索引项

<title>控制文本框的显示隐藏</title></head><body><script language=javascript>function Other_sel(CName,TextID){    if (document.FormName.CName.checked == true) {  document.getElementById(TextID).style.visibility="visible"; } else {  document.getElementById(TextID).style.visibility="hidden"; }}</script>   <form action="" method="post" name="FormName"><input type="checkbox" name="che" id="che" value="1" onclick="javascript:Other_sel('che','tex')" />其他 <input id="tex" name="tex" style="visibility:hidden;"></form>

建立一个下拉列表框，其中有选项：有时间限制和无时间限制，选有时间限制时，在界面上显示一个文本域，可以输入时间限期，如选无时间限制，文本域不显示

if   (document.forms[0].ReviewWindow.selectedIndex=0)         document.forms[0].ReviewTime.style.visibility= "hidden ";     else           document.forms[0].ReviewTime.style.visibility   = "visible ";