首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

:通过表单中的下拉列表来控制文本框的隐藏还是显示

2012-03-14 
求助:通过表单中的下拉列表来控制文本框的隐藏还是显示?页面表单中的一个下拉列表菜单,通过选择它来控制它

求助:通过表单中的下拉列表来控制文本框的隐藏还是显示?
页面表单中的一个下拉列表菜单,通过选择它来控制它下面一个表单控件的显示还是隐藏. 

我目前知道的是,取到下拉列表菜单的值,然后onchage事件.接下来怎么判断,实现下面表单控件的 

显示还是隐藏不清楚. 

怎么做?请大家帮助.

[解决办法]

JScript code
<script type="text/javascript" language="javascript">function checkmenu(){    var a=document.getElementById('infolist');//把这里的infolist改为表单控件的id    if(a.style.display!="none")    {        a.style.display="none";    }    else    {        a.style.display="block";    }}</script>
[解决办法]
<input type="text" styel="display:none;">这样这个标签就会隐藏了. 
通过CSS来控制,如果你需要显示的时候用display:block;就行了
[解决办法]
要看你是否隐藏时占位
如果占位用visible
如果不占位用display
[解决办法]
HTML code
<script>function check(o){    if(o.value=="a"){        document.getElementById("txt").style.display="";    }else{        document.getElementById("txt").style.display="none";    }}</script><select onchange="check(this)"><option value="a">A</option><option value="b">B</option></select><input type="text" id="txt" /> 

热点排行