当前位置: 首页 > 面试题库 >

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

扶誉
2023-03-14
问题内容

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

<select style="width: 120px">

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

  <option>ABC</option>

</select>

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

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


问题答案:

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

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

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



 类似资料:
  • 我有两个表和 names表有以下列表: -男性姓名从nameID 1到nameID 10 -女性姓名从nameID 11到nameID 21 -两者都从nameID 23到nameID 31 性别表有三个属性: -女性 -男性 -两者 我正在使用引导选择选项,我想显示从nameID11到nameid21的名称,如果用户从gender选择选项中选择女性,等等,这是可能的吗?我看到其他帖子,我注意到他

  • 我想调用一个函数时,选择的任何选项。类似于这样: 但不知何故不起作用。有人能帮忙吗。 请注意 我不想捕获更改事件,如果我选择已经选择选项,则不会触发更改事件

  • 我不知道为什么,但是在scrren尺寸1024 x 768上,我从select中选择的选项太大了。我怎样才能让这个选项像select一样宽?我想只在bootstrap 4上这样做,只使用bootstrap中的类,但我不知道或者这是可能的,我不知道为什么这个选择会这样。在更大的屏幕尺寸上,一切都可以。如何修复它?这是我的代码:

  • 我希望,如果我选择“mammals”,动物选择选项只显示值为1的选项data-animal_class。 我知道如何获得哺乳动物值,但我不知道如何使用过滤器 这是我的代码:

  • 问题内容: 我想设置一个先前选择的要在页面加载时显示的选项。我用以下代码尝试了它: 与 但这是行不通的。有任何想法吗? 问题答案: 这绝对应该工作。确保已将代码放入:

  • 问题内容: 使用核心jQuery,如何删除选择框的所有选项,然后添加一个选项并选择它? 我的选择框如下。 编辑:以下代码有助于链接。但是,(在Internet Explorer中)未选择添加的选项。(我确实在和中都使用了相同的“值” 。) 编辑:试图使其模仿此代码,每当重置页面/窗体时,我都使用以下代码。该选择框由一组单选按钮填充。距离更近,但是未像使用时那样显示选择的选项。我现有的代码没什么错-