用户想要选择一个选项后如何扩展“选择”选项的宽度

一尘不染

css

也许这是一个简单的问题，也许不是。我有一个选择框，在其中我用宽度进行硬编码。说120像素。

<select style="width: 120px">

  <option>REALLY LONG TEXT, REALLY LONG TEXT, REALLY LONG TEXT</option>

  <option>ABC</option>

</select>

我希望能够显示第二个选项，以便用户可以看到文本的完整长度。

像其他一切一样。这在Firefox中可以正常工作，但不适用于Internet Explorer6。

阅读 266

2020-05-16

共1个答案

一尘不染

如果您可以使用固定方式中预先存在的选项<select>，而又不想通过编程方式更改宽度，那么除非有一点创意，否则可能会很不幸。

您可以尝试将title属性设置为每个选项。这是非标准的HTML（如果您在此注意这一小问题），但是IE（以及Firefox）将在鼠标悬停时在鼠标弹出窗口中显示整个文本。
当用户选择某些内容时，可以使用JavaScript在一些定位的DIV中显示文本。恕我直言，这是一种 不太好的 方法，因为它完全需要JavaScript才能工作，并且只有在选择了某些内容后才能工作-在值发生更改之前，选择框不会触发任何事件。
您根本不需要使用选择框，但可以使用其他标记和CSS来实现其功能。不是我的最爱，但我想提一提。

如果稍后要通过JavaScript添加长选项，请查看此处：如何在IE中动态更新HTML“选择”框

2020-05-16