且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

使用javascript根据html中的下拉选择显示和隐藏div元素

更新时间:2023-01-21 14:55:57

您可以更改代码

function showMe(e) {
    var strdisplay = e.options[e.selectedIndex].value;
    var e = document.getElementById("idShowMe");
    if(strdisplay == "Hide") {
        e.style.display = "none";
    } else {
        e.style.display = "block";
    }
}

<select onchange="showMe(this);">
    <option>Hide</option>
    <option>Show</option>
</select>

<div id="idShowMe" style="display: none">
    <b>Hello world!</b>
</div>