纯js写表格数据根据select选项变化

[bcai_yuan]

我想实现这样一个功能，表格数据根据select选项变化，如图所示，选项为第一组的时候是这组数据，选项为第二组时数据就会相应更换。我目前只会js，不会其他前端技术，求大神们帮帮忙，帮我写个方法或者指点思路，谢谢啦！

[qq_42966289]

其实有很多方案可以解决 重点就在监听select的change事件上
事件中判断select值的变化 而去选择不同的表格或者动态产生表格数据

[/*空山*/]

每组数据的表格都写个table，下拉框写个onchang事件，根据选择的值显示不同的表格，不需要显示的表格隐藏？

[bcai_yuan]

引用 1 楼 qq_42966289 的回复:

其实有很多方案可以解决 重点就在监听select的change事件上 事件中判断select值的变化 而去选择不同的表格或者动态产生表格数据

选择不同的表格太多了，动态产生表格数据如何实现呢？

[qq_42966289]

引用 3 楼 bcai_yuan 的回复:

[quote=引用 1 楼 qq_42966289 的回复:]
其实有很多方案可以解决 重点就在监听select的change事件上
事件中判断select值的变化 而去选择不同的表格或者动态产生表格数据

选择不同的表格太多了，动态产生表格数据如何实现呢？[/quote]

js做html的输出啊
比如
var html = '<table><tr><td></td></tr></table>';
然后事件中 把父层的内容更新掉
$('#divId').html(html);

[qq_42966289]

至于表格中的数据 可以ajax动态获取过来

[Hello World,]

可以用vue或者knockout来绑定，或者用easyui的datagrid，只要更新数据源就可以了