当前位置: 代码迷 >> JavaScript >> 恳求高手的帮助:asp javascript 由一个下拉菜单的值决定另一个下拉菜单的显示或隐藏
  详细解决方案

恳求高手的帮助:asp javascript 由一个下拉菜单的值决定另一个下拉菜单的显示或隐藏

热度:229   发布时间:2013-09-07 14:12:44.0
恳请高手的帮助:asp javascript 由一个下拉菜单的值决定另一个下拉菜单的显示或隐藏
<head>
<SCRIPT language="JavaScript">
function displaytype(displayvalue)
   {
if (displayvalue == '0')
  {
            //alert(displayvalue); //获取a菜单的值正常
            这个地方该怎么写?
   }
else
  {
            这个地方该怎么写?
           }

    }
</head>
<body>
<FORM method="POST" name="myform" action="">
<SELECT name="a" onChange="displaytype(document.myform.a.options[document.myform.a.selectedIndex].value)">
<OPTION value="0" name="a" selected>隐藏b框</OPTION>
<OPTION value="1" name="a" selected>显示b框</OPTION>
</SELECT>

<SELECT name="b">
<OPTION >xxxxxxx</OPTION>
</SELECT>
</form>
</body>

1,目的:asp javascript 由一个下拉菜单的值决定另一个下拉菜单的显示或隐藏
2,要求:在不刷新页面的前提下,动态显示或隐藏。
3,我尝试过,在b菜单前后加上<div id="displaytype"></div>,在js代码里加入:document.getElementById(displaytype).style.display = "none";但实际上,我的做法不能实现。
4,从原理上说,不刷新,动态的隐藏似乎不可能。假如真的不可能,那么如何在js里设置b框的值无法编辑?


恳请高手的帮助。万分感谢!!!!!!!
javascript asp

------解决方案--------------------
4,从原理上说,不刷新,动态的隐藏似乎不可能。
你的原理错了
document.getElementById(displaytype).style.display = "none"; 这句代码正确,但是没生效,检查displaytype的值是否正确,并检查document.getElementById(displaytype)是否为非null
------解决方案--------------------

<SCRIPT   >
function displaytype(el){
  el.form.b.style.display=el.value==1?'inline':'none'
}
 </SCRIPT>
<body>
<FORM method="POST" name="myform" action="">
<SELECT name="a" onChange="displaytype(this)">
<OPTION value="0" name="a" selected>隐藏b框</OPTION>
  相关解决方案