Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择后切换表格_Javascript_Jquery_Html - Fatal编程技术网

Javascript 选择后切换表格

Javascript 选择后切换表格,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有几个选项的select元素。根据选择的内容,我想切换继承数据的显示 <select> <option>Option "A"</option> <option>Option "B"</option> </select> <table> <tr><th>TABLE A SELECT</th></tr> </table&g

我有一个带有几个选项的select元素。根据选择的内容,我想切换继承数据的显示

<select>
     <option>Option "A"</option>
     <option>Option "B"</option>
</select>

<table>
     <tr><th>TABLE A SELECT</th></tr>
</table>

<table>
     <tr><th>TABLE B SELECT</th></tr>
</table>

选项“A”
选项“B”
表A选择
表B选择
选择选项“A”-自动显示表格A

选择选项“B”-自动显示表格B

为表格分配一个ID,捕捉select的onchange事件,在事件中获取所选项目。如果他们选择A,则将表A的显示样式设置为block,将表B的显示样式设置为none,反之亦然,如果他们选择B