-1

ユーザーが「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>
4

3 に答える 3

4

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)">

PS要素には属性<select>がありません。value

于 2013-08-26T05:46:28.173 に答える
1

あなたは合格しなければなりません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';
}
于 2013-08-26T05:47:34.890 に答える
1

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>
于 2013-08-26T05:48:54.423 に答える