Javascript 有没有办法确定下拉列表的宽度？

以下是我得到的：

<select id="box1">
   <option>ABCDEFG</option>
</select>  

<select id="box2">
   <option>ABCDEFGHIJKLMNO</option>
</select>

ABCDEFG
ABCDEFGHIJKLMNO

我有两个不同的下拉列表。由于下拉列表的宽度取决于选项中最长文本的宽度，因此我最终得到了两个具有两种不同宽度的下拉列表。这让我的网页看起来傻乎乎的

---

我想要的是设置它，使我的两个下拉列表具有相同的宽度（我希望宽度非常长，这样即使最长的项目也不会被截断）。

长度指的是可见选项的数量？？如果是这种情况，请使用

size

。这是你的电话号码。如果你有什么不同的意思，请告诉我

编辑后： 设置选择框的宽度。但很难将宽度设置为只显示特定的长度。 第二次编辑：

---

你不能使用CSS，你必须使用javascript。每次更改select时，您必须查看两个元素中的哪个元素具有最大宽度，并将其设置为另一个元素。

页面加载后，您需要使用JavaScript（给出列表

id=“listA”

）：

---

这将有效地将其截断为20项。

您可以使用CSS设置

元素的宽度，但很难获得与给定数量的字符完全匹配的宽度

---

为什么要剪裁选项的文本？

使用以下行。它将固定下拉列表的宽度

<select id='box1' style='width: 200px;'>

<select id='box2' style='width: 200px;'> 

---

您根本不需要使用Javascript。此外，length是选择中的选项数。。。不是显示选项的数量只是更新我的帖子。。。抱歉说得含糊不清。我想使用的不是

size

。我想截断1个选项的长度，而不是下拉列表中的选项数。我可以不将宽度设置为真正的长吗？这样我就不用担心哪个元素长了你也可以这样做。但是当值很小时，它们可能看起来很难看。请编辑并删除“长度”一词。如果你指的是宽度，就说宽度。如果您正在谈论显示的选项数量，请完全重新表述问题。已修复。这就是为什么堆栈溢出是wiki的一部分，所以一切都可以改进。简单但有效。谢谢。啊，明白了。是的，解决办法是将它们都设置为非常宽的宽度。有些浏览器甚至会很聪明，允许扩展状态（即实际下降的位）比您设置的宽度更宽，这样就不会剪切文本，同时在不扩展时保持元素的相同宽度。是的，这就是答案。非常感谢你，但是由于保罗·德韦特先回答了，我不得不赞扬他

<select id='box1' style='width: 200px;'>

<select id='box2' style='width: 200px;'> 

#container select {
    width: 150px;
}