javascript - HTML 原生js怎么控制table根據0,1值來顯示或者隱藏
問題描述
請問怎么用原生js去控制當選擇“空間性質”來控制右邊table隱藏不顯示?TKS!
代碼:
沒有作用!!!
問題解答
回答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'}
上面的代碼寫了注釋是偽代碼、但是還是有程序員不看注釋的、那我就寫在這里、
不明白什么是偽代碼的可以看一下圖
希望大家不要做伸手黨
回答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是不一樣的。
