基本javascript不是't工作-显示块
Basic javascript isn't working - display block
如果用户选择"House",我希望弹出一个新的选择选项框。目前什么都没有发生。
function showFamilies(){
if(pt.selectedIndex == 1)
document.getElementById('families').style.display = 'block';
if(pt.selectedIndex != 1)
document.getElementById('families').style.display = 'none';
}
<select id="pt" value="pt" name="pt" onChange="showFamilies()">
<option value="" name="">Select</option>
<option value="1" name="1">House</option>
<option value="2" name="2">Commercial</option>
</select>
<div id="families" style="display:none">Families:
<select name="amin_families">
<option value="1" name="Condo">1</option>
<option value="2" name="Co-Op">2</option></select>
</div>
showFamilies
函数中的pt
可能未定义(取决于浏览器对http://www.whatwg.org/specs/web-apps/current-work/multipage/browsers.html#named-对窗口对象的访问)。尝试
function showFamilies(pt) {
document.getElementById('families').style.display = pt.selectedIndex === 1
? 'block' : 'none';
}
以及在您的HTML 中
<select id="pt" name="pt" onchange="showFamilies(this)">
附言:<select>
元素没有value
属性。
重新定义了if
语句。它现在运行良好。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function showFamilies(pt){
if(pt.selectedIndex == 1)
{
document.getElementById('families').style.display = 'block';
}
else
{
document.getElementById('families').style.display = 'none';
}
}
</script>
<title></title>
</head>
<body>
<select id="pt" value="pt" name="pt" onChange="showFamilies(this)">
<option value="" name="">Select</option>
<option value="1" name="1">House</option>
<option value="2" name="2">Commercial</option>
</select>
<div id="families" style="display:none">Families:
<select name="amin_families">
<option value="1" name="Condo">1</option>
<option value="2" name="Co-Op">2</option></select>
</div>
</body>
</html>
U必须通过this
<select id="pt" value="pt" name="pt" onChange="showFamilies(this)">
您的脚本:
function showFamilies(pt){
if(pt.selectedIndex == 1)
document.getElementById('families').style.display = 'block';
if(pt.selectedIndex != 1)
document.getElementById('families').style.display = 'none';
}
相关文章:
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 使用谷歌应用程序脚本从工作表中获取值并将其显示在文本框中
- 如何使用modalDialog来显示可以在所有浏览器中工作的弹出窗口
- PHP Javascript显示/隐藏按钮不工作
- ng隐藏和ng显示无法正常工作
- JQuery隐藏/显示无法正常工作
- 我的时间倒计时脚本在谷歌浏览器中工作正常,但在其他浏览器中打开时它显示为南楠
- 为什么竞争不能在离子中显示(隐藏在标题下方)(离子竞争不能正常工作)
- 背景's/JavaScript在本地显示/工作,而不是在服务器上
- 角度方向ng显示不工作
- 单击水平滚动库中的图像以居中显示无法工作的功能
- 显示:没有不工作的iPhone模拟器
- 自动完成搜索无法正常工作,请不要迭代$中的所有元素.每个ul-li都会及时显示响应
- 基本javascript不是't工作-显示块
- 在服务页面上向上滑动滑块不工作/显示
- 不工作:显示值从jquery-ajax模态
- 引导日期选择器不工作[显示]在第一次点击
- Firefox后退按钮没有按预期工作:显示的是javascript而不是html
- Jstree 3.0.0上下文菜单右键不工作.显示TypeError: vakata_context.element.h
- Javascript onclick事件工作显示,但不隐藏