javascript - HTML 原生js怎么控制table根據(jù)0，1值來顯示或者隱藏
問題描述
請問怎么用原生js去控制當(dāng)選擇“空間性質(zhì)”來控制右邊table隱藏不顯示？TKS！
代碼：
沒有作用！！！
問題解答
回答1：//偽代碼、手寫的別見怪var table = document.getElementById('right-table')var select = document.getElementById('select')select.onchange = function(){ this.value === '空間性質(zhì)' ? table.style.display = 'none' : table.style.display = 'block'}
上面的代碼寫了注釋是偽代碼、但是還是有程序員不看注釋的、那我就寫在這里、
不明白什么是偽代碼的可以看一下圖
希望大家不要做伸手黨
回答2：給select的onchange綁定處理函數(shù)并傳遞當(dāng)前選擇的值value，然后在此函數(shù)內(nèi)部判斷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：
樓主細(xì)心點(diǎn)：right-table與right_table是不一樣的。
網(wǎng)公網(wǎng)安備