Javascript 在第h个单元格内拟合选择字段

我在PHP中有一个函数，可以根据MySQL查询的结果创建一个表。 我还添加了一个javascript类来根据列过滤行，但是这个函数创建了一个隐藏的select，每个列都有唯一的数据。 当我显示这些select字段时，它们会更改列的宽度，但它们的宽度是从TD单元格的内容中获得的，而不是从select

为什么我要限制一个选择字段来适应TH单元格而不改变其宽度

<table>
<thead>
<tr>
<th>Index
<th>Column 1 <br> <select><option>Ble</option><option>Bigger</option></select>
<th>Col2 <br> <select><option>Bla</option><option>Big option blablabla</option></select>
</tr>
</thead>
<table>

---

可以将样式添加到选择标记：

<select style="width:300px;">

这将选择的宽度设置为300px。如果你使用

<select style="width:100%;">

它会将“选择宽度”设置为其父对象（子对象）留下的可用空间

---

关于，

注意：您的两个标签都没有结束标签。如果您的问题已解决，请通过单击该答案旁边的灰色复选标记接受解决问题的相关答案（您只能接受一个问题的答案），或者，如果您自己解决了问题，请将您的解决方案作为问题的答案，然后，在强制性的两天等待之后，接受你自己的答案。然后使用相对单位，如第二段代码的100%。

<select style="width:300px;">

<select style="width:100%;">