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

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

2013-09-07 
恳请高手的帮助:asp javascript 由一个下拉菜单的值决定另一个下拉菜单的显示或隐藏headSCRIPT languag

恳请高手的帮助: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>


<OPTION value="1" name="a" selected>显示b框</OPTION>
</SELECT>
<SELECT name="b">
<OPTION >xxxxxxx</OPTION>
</SELECT>
</form>
</body>


[解决办法]
引用:
Quote: 引用:


function displaytype(el){
  el.form.b.style.display=el.value==1?'inline':'none'
}


请高手给我大致讲一下 el.form.xxxxx这种结构。
按理说,应该是el.myform,但实际证实,您的代码是有效的。

el.form.似乎是一种通用结构。请高手给我大致讲两句吧,或者给我资料的链接。

向您学习。拜谢了!!!!!

el.form : 取el 所在的表单对象

[解决办法]
不刷新? 动态隐藏不可能?在这里你指的刷新应该是指显示和隐藏之后 样式在变吧,dom元素重新回流了, 不知道是不是这么个意思,  如果是这个可以用这个样式 属性 visibility:hidden

热点排行