隐藏列表框在 JavaScript 之后不显示
hidden list box not showing after javascript
所以我对我在这里遇到的这个问题感到非常困惑。我几乎可以肯定这段代码是正确的,但是从第一个下拉框中选择某些内容后,我想要显示的列表框根本没有显示。这是我现在要编写的代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/template.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function view_private_user_list(){
var i = document.status.private_users.options[document.status.private_users.selectedIndex].value;
if(i == 1){
document.getElementById('private_select_now').style.visibility="visible";
} else{
document.getElementById('private_select_now').style.visibility="visible";
}
}
</script>
</head>
<body>
<div id="show_private_option">
<select id="private_users" onChange="view_private_user_list()">
<option value="0" SELECTED>Select user....</option>
<option value="1">Vincent</option>
</select>
<div id="private_select_now" style="visibility:hidden">
<select size="3">
<option value="">{#template_dlg.select}...</option>
<option value="SOOOOLDmax.htm">SOOOOLDmax</option>
<option value="mike.htm">tester</option>
</select>
</div>
</div>
</body>
</html>
这个小提琴应该可以工作:
http://jsfiddle.net/3XENR/1/
我认为您尝试找出下拉列表当前值的方式不太有效。
请改用此版本的函数。
function view_private_user_list(){
var selectEl = document.getElementById('private_users');
var i = selectEl.value;
if(i == 1){
document.getElementById('private_select_now').style.visibility="visible";
} else{
document.getElementById('private_select_now').style.visibility="hidden";
}
}
尝试:
document.getElementById('private_select_now').style.display ="block";和document.getElementById('private_select_now').style.display="none";
相反
而不是可见性,而是使用显示
<script type="text/javascript">
function view_private_user_list(){
var i = document.getElementById('private_users').selectedIndex.value
if(i == 1){
document.getElementById('private_select_now').style.display="block";
} else{
document.getElementById('private_select_now').style.display="none";
}
}
</script>
相关文章:
- 在包含tx.executeSql的每个函数之后显示警报
- 在调用AJAX之后显示ng控制器的内容;作为“;作用
- 如何使自述按钮在文章的第一段之后显示图像和h3标签
- JS文件未显示在localhost默认页面之后
- 如果字符串位于iframe之后,则不会使用引导程序列表显示
- 将twitter引导程序popover设置为在某个事件之后隐藏,然后在另一个事件之后显示
- 在 $().show() 之后显示引导工具提示
- 在使用可排序排序期间/之后显示使用 JSON 创建的列表中的项目位置
- 在其自己的图像之后显示 Alt 属性
- 紧跟在单击的元素之后显示一个元素
- Angularjs.在 http.get 之后显示对象属性
- 如何在输入之前而不是之后显示欧芹错误消息
- AngularJS uib日期选择器没有'在uib选项卡中,不要在第一次打开/关闭事件之后显示日历
- Jquery在第n项之后显示隐藏列表项,不处理ajax加载的内容
- 选中的选项必须在onchange功能之后显示
- 在hide()之后显示所有列在Jquery中不起作用
- JavaScript警报将不会在初始化“”之后显示;要求“;变量
- 变量在ajax之后显示为空白,但在ajax成功函数中具有值
- 在单独的
中查找特定元素之后显示的元素 - 如何使用JS在页面出现之前、刷新之后显示元素