您的位置:首页技术文章
文章详情页

javascript - HTML 原生js怎么控制table根据0,1值来显示或者隐藏

【字号: 日期:2023-05-02 11:03:17浏览:67作者:猪猪

问题描述

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