javascript - 基本的 javascript 不工作 - 显示 block

Question

如果用户选择“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>

Answer 1

pt在你的showFamilies函数可能未定义(取决于浏览器对 http://www.whatwg.org/specs/web-apps/current-work/multipage/browsers.html#named-access-on-the-window-object 的解释)。尝试

function showFamilies(pt) {
    document.getElementById('families').style.display = pt.selectedIndex === 1
        ? 'block' : 'none';
}

在你的 HTML 中

<select id="pt" name="pt" onchange="showFamilies(this)">

附言<select>元素没有 value属性。