根据下拉框的值来添加或删除表格行

这里做的功能是根据下拉框所选的值来改变自定义表格的行，可以添加行也可以删除行。下面就是做成之后的效果图。



首先把下拉框跟表格样式设计好，根据需求设计。


接着就是下拉框的触发方法了，这里用的是change改变事件。先获取下拉框的值，然后清空表格，这里下拉框的值不多所以就直接定义了五个行的样式，最后就是判断下拉框的值是什么从而添加相应的行。