您的位置:首頁技術文章
文章詳情頁

javascript - HTML 原生js怎么控制table根據0,1值來顯示或者隱藏

瀏覽:153日期:2023-05-02 11:03:17

問題描述

javascript - HTML  原生js怎么控制table根據0,1值來顯示或者隱藏

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

代碼:

javascript - HTML  原生js怎么控制table根據0,1值來顯示或者隱藏

javascript - HTML  原生js怎么控制table根據0,1值來顯示或者隱藏

javascript - HTML  原生js怎么控制table根據0,1值來顯示或者隱藏

沒有作用?。?!

問題解答

回答1:

//偽代碼、手寫的別見怪var table = document.getElementById('right-table')var select = document.getElementById('select')select.onchange = function(){ this.value === '空間性質' ? table.style.display = 'none' : table.style.display = 'block'}

上面的代碼寫了注釋是偽代碼、但是還是有程序員不看注釋的、那我就寫在這里、

不明白什么是偽代碼的可以看一下圖

javascript - HTML  原生js怎么控制table根據0,1值來顯示或者隱藏

希望大家不要做伸手黨

回答2:

給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 >ggggggg</h1></body></html>回答3:

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

標簽: JavaScript
国产综合久久一区二区三区