javascript - HTML 原生js怎麼控制table根據0,1值來顯示或隱藏
伊谢尔伦
伊谢尔伦 2017-06-28 09:27:40
0
3
910

#請問怎麼用原生js去控制當選擇「空間性質」來控制右邊table隱藏不顯示? TKS!

程式碼:

沒有作用! ! ! ###
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(3)
迷茫
//伪代码、手写的别见怪
var table = document.getElementById("right-table")

var select = document.getElementById("select")

select.onchange = function(){
    this.value === "空间性质" ? table.style.display = "none" : table.style.display = "block"
}

上面的程式碼寫了註解是偽程式碼、但是還是有程式設計師不看註解的、那我就寫在這裡、

不懂什麼是偽代碼的可以看一下圖

希望大家不要做伸手黨

女神的闺蜜爱上我

給select的onchange綁定處理函數並傳遞目前選擇的值value,然後在此函數內部判斷value值並決定display是否為none。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        function jsFunction(value) {
            console.log(value);
            var table = document.getElementById('table');
            value == '1' ? table.style.display = 'none' : 'block';
        }
    </script>
</head>

<body>
    <select onChange="jsFunction(this.value)" id="selectOpt">
            <option value="0">0</option>
            <option value="1">1</option>
    </select>
    <h1 id="table" >ggggggg</h1>
</body>

</html>
给我你的怀抱

樓主細心:
right-table與right_table是不一樣的。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板