Javascript 动态展开下拉列表

我有一张桌子，上面有几个不同长度（宽度）的下拉列表。
我希望较短的下拉列表与较长的下拉列表具有相同的宽度：

快速解决方案是：

.mySel {
  width: 35%;
}

但是，当然，这不是动态的

有没有办法动态定义较短下拉列表的宽度，以便在整个表格单元格中展开？
也许用jQuery

.

试试这个答案 我的建议是为每个下拉列表保持单独的

，并以css样式按照上面的链接进行操作

试试这个答案

---

我的建议是为每个下拉列表保持单独的

，并使用css样式，按照上面的链接进行操作

您可以使用如下flex box实现这一点

.flx{
显示器：flex；
}
.flx选择{
柔性生长：1；
}

一些文本
发件人：
1.
2.
3.
致：
11
12
13
更多文本
选择4
备选案文5
选择3
非常愚蠢的选择
备选案文5
选择3

您可以像这样使用flex box来实现这一点

.flx{
显示器：flex；
}
.flx选择{
柔性生长：1；
}

一些文本
发件人：
1.
2.
3.
致：
11
12
13
更多文本
选择4
备选案文5
选择3
非常愚蠢的选择
备选案文5
选择3

下次，无论何时，只要您有与问题相关的答案或之前问过的相同问题，请升起重复标志。下次，无论何时，只要您有与问题相关的答案或之前问过的相同问题，请升起重复标志。您的html有两个具有相同id的select下拉列表，你们永远都不应该在同一个页面中对不同的元素使用相同的id，接受它并过上幸福的生活。@rahul_m:谢谢，我已经纠正了这个问题。然后一切都会好起来的。无论是css还是jquery，你的html都有两个相同id的选择下拉列表，你永远不应该对同一页面中的不同元素使用相同的id，接受它并过上幸福的生活。@rahul_m:谢谢，我已经纠正了这一点。然后一切都会成功。也可以是css或jquery