-4

オプションを使用して単純なドロップダウンを作成したいのですが、そのうちの1つはPASSになり、ドロップダウンメニューからオプションPASSを選択すると、DIVが表示されます。他のオプションの場合はDIVが閉じられます。

<script type="text/javascript">
document.getElementById('mfi_4_a_i').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('sdd').style.display = "block";
    } else {
        document.getELementById('sdd').style.display = "none";
    }
};
</script>
<select id="test" name="test" onChange="changetextbox();">
    <option value="PASS">PASS</option>
    <option>No</option>
    <option>No, but planning in future</option>
</select>

<input type="text" name="test" id="sdd" />
4

2 に答える 2

1

順序を変更する

<select id="test" name="test" onChange="changetextbox();">
    <option value="PASS">PASS</option>
    <option>No</option>
    <option>No, but planning in future</option>
</select>

<input type="text" name="test" id="sdd" />

<script type="text/javascript">
document.getElementById('mfi_4_a_i').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('sdd').style.display = "block";
    } else {
        document.getELementById('sdd').style.display = "none";
    }
};
</script>

JavaScriptを実行するときに、DOM要素の準備ができていることを確認する必要があります...。

属性がJavaScriptとHTMLのidどちらにも一致しないことに注意してください。関数を作成するか、両方を作成しないでください...mfi_4_a_itestchangetextboxgetElementById('blah').onchange = function() {

<select id="test" name="test">
    <option value="PASS">PASS</option>
    <option>No</option>
    <option>No, but planning in future</option>
</select>

<input type="text" name="test" id="sdd" />

<script type="text/javascript">
document.getElementById('test').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('sdd').style.display = "block";
    } else {
        document.getElementById('sdd').style.display = "none";
    }
};
</script>

ここでの実例

あなたが持っていた別のメモ

document.getELementById('sdd').style.display = "none";

これは

document.getElementById('sdd').style.display = "none";

LinElementの大文字小文字を変更しました

于 2012-07-16T10:28:58.927 に答える
0

あなたは次のようなものが欲しいでしょう：

<script type="text/javascript">
document.getElementById('ID_OF_DROPDOWN').onchange = function(){
    if (this.value == 'PASS') {
        document.getElementById('ID_OF_DIV').style.display = "block";
    } else {
        document.getELementById('ID_OF_DIV').style.display = "none";
    }
};
</script>
于 2012-07-16T10:24:37.323 に答える