html提取通用的元素,该如何解决

html提取通用的元素

<html>
<body>
<table border="1">
<td>
<select><option value ="0">好</option>
<option value ="1">较好</option>
</select>
</td>
<td>
<select><option value ="0">好</option>
<option value ="1">较好</option>
</select>
</td>
</table>
</body>
</html>


现在有两列,他们使用的下拉列表都是一样的,能不能把这两个相同的下拉列表写成通用的形式,每个td是需要调用这个通用select就可以了?
------解决方案--------------------
可以用document.createElement("select");
这种方式来写个function
具体的你google下document.createElement,API

------解决方案--------------------
我不觉得有什么好的改进之处,无非也就是ctl+c,ctr+v,且select 已经作为一个独立的组件,没必要再去搞什么整合

而且,如果你作为表单的话,通用放在这里也不恰当

至少我觉得,你所谓的通用,仅仅是数据的复用,而不是select,如果仅仅是数据,可以写一个提取下拉选项的方法,页面加载时,动态添加选项到 select中即可