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是不一样的。