0

私はドロップダウンメニューを持っています。値が選択されると、フィールドが非表示/表示されます。その背後にあるphpコードのために、クラスを使用して選択する必要があります。

また、フィールドを非表示および表示するときにパディングを追加する方法があるかどうかも疑問に思っていました。

" " を使ってみましたが、うまくいきdocument.getElementsByClassName("className");ませんでした。

HTML:

<select id="form" onchange="ChangeDropdowns(this.value);">
    <option value="hide">hide</option>
    <option value="show">show</option>
</select>
<input type="text" id="testField" class="testField" />

Javascript:

function ChangeDropdowns(value) {
    if (value == "show") {
        document.getElementById('testField').style.display = 'none';
    } else if (value == "hide") {
        document.getElementById('testField').style.display = 'block';
    }
}
4

1 に答える 1