Javascript 仅当单击时，使用下拉菜单中列出的颜色选项填充每个表格单元格的颜色

我必须通过单击按钮创建表，其中as table包含用户指定的列和行。之后，我们必须使用下拉列表菜单中列出的颜色执行onclick来填充每个表单元格

下面的代码片段是用用户的输入创建表。我不知道该怎么做。如何执行此操作

.突出显示{
背景：红色；
}
桌子{
宽度：500px；
高度：500px；
}
表td{
填充：10px；
利润率：10px；
边框：1px实心#ccc；
}
表tr{
高度：100px；
}
函数createTable（）{
mytable=$（''）.attr（{id:“基本表”}）；
var rows=新编号（$（“#rows”）.val（）；
var cols=新编号（$（“#列”）.val（）；
var tr=[]；
对于（变量i=0；i
输入Cols



选择颜色：
红色
绿色
蓝色
黄色的

试试这个：您可以为所有

td

添加一个单击事件处理程序，并从下拉列表中将背景颜色设置为一个值

.突出显示{
背景：红色；
}
桌子{
宽度：500px；
高度：500px；
}
表td{
填充：10px；
利润率：10px；
边框：1px实心#ccc；
}
表tr{
高度：100px；
}
函数createTable（）{
mytable=$（''）.attr（{id:“基本表”}）；
var rows=新编号（$（“#rows”）.val（）；
var cols=新编号（$（“#列”）.val（）；
var tr=[]；
对于（变量i=0；i
输入Cols



选择颜色：
红色
绿色
蓝色
黄色的

您应该处理

单击
td
事件，并将单击的
td
的背景设置为
选择
值



.突出显示{
背景：红色；
}
桌子{
宽度：500px；
高度：500px；
}
表td{
填充：10px；
利润率：10px；
边框：1px实心#ccc；
}
表tr{
高度：100px；
}
函数createTable（）{
mytable=$（''）.attr（{id:“基本表”}）；
var rows=新编号（$（“#rows”）.val（）；
var cols=新编号（$（“#列”）.val（）；
var tr=[]；
对于（变量i=0；i
输入Cols



选择颜色：
红色
绿色
蓝色
黄色的



首先将
类：[“class1”、“class2”、“class3”]
更改为一个可以帮助您的类：）