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

将带有选项的图像放入下拉列表

何宏博
2023-03-14
问题内容

我试图在下拉列表中插入图像。我尝试了以下代码,但无法正常工作。实现此目标的最佳方法是什么?

<select>
  <option value="volvo"><IMG src="a.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Volvo</option>
  <option value="saab"><IMG src="b.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Saab</option>
  <option value="mercedes"><IMG src="c.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Mercedes</option>
  <option value="audi"><IMG src="d.jpg"HEIGHT="15" WIDTH="15" BORDER="0"align="center">Audi</option>
</select>

问题答案:

此代码仅在Firefox中有效:

<select>
    <option value="volvo" style="background-image:url(images/volvo.png);">Volvo</option>
    <option value="saab"  style="background-image:url(images/saab.png);">Saab</option>
    <option value="honda" style="background-image:url(images/honda.png);">Honda</option>
    <option value="audi"  style="background-image:url(images/audi.png);">Audi</option>
</select>

编辑(2018年4月):

Firefox不再支持此功能



 类似资料:
  • 问题内容: 我有一个下拉列表。我想添加图像。我尝试在tha 标签中添加标签…但是仍然无法显示图像。如何使用标签? 问题答案: 这是不可能的,因为仅支持text。 您可能必须使用复杂的HTML / CSS / JavaScript来滚动自己的下拉控件。如何做可能不在您的问题范围内。 或者,您可以使用非重复,并在文本上加上一些填充以达到类似的效果。但是,如果每个人都有一个唯一的图像,那么您的代码将被每

  • 我试图使用剑道下拉列表,并在列表顶部提供一个空白项,以及使用模板提供多个列。 以上产生 未捕获引用错误:未定义TicketType描述 如果我没有下面指定的optionLabel,则下拉列表可以正常工作(没有空项)。 如果指定了optionLabel并删除了template选项,那么它可以正常工作(没有多列)。 是否有某种方法可以检查它是否在模板中未定义?大致如下:

  • 问题内容: 我正在尝试做一些非常简单的事情。我想在表中特定行的列中放置一个图标。如果是文件夹,则显示文件夹图标。如果是文件,则显示文件图标。 有人知道如何在JavaFX 2中执行此操作吗? 我已经尝试了很多事情,这似乎应该很简单,或者至少是某个地方的例子。 问题答案: 好吧,我有一个巨大的假时刻。原来我的图片网址路径错误。 我确实找到了一个网站,该网站提供了为表添加元素的绝佳示例。这帮助我了解了一

  • 问题内容: 我需要使用cypress测试angularjs应用程序的下拉列表。 我需要单击一个下拉列表,然后从下拉列表中选择或单击一个项目。我尝试如下所示,它只能在一个实例上使用,而不能在其他情况下使用,因为第二个get()方法中的ID号随着其动态生成而不断变化。这不是带有html中选项的标准选择。 1)无论如何,我可以在每个选项上设置一个唯一属性并仅选择所需的属性,还是可以仅基于列表项的描述进行

  • 问题内容: 我如何从使用硒与node.js的下拉菜单中获取所有选项 下面是我的代码: 从上面 我如何获取所有选项并在node.js中执行foreach或使用node.js打印选项值。 提前致谢。 问题答案:

  • 嗨,我一直在做量角器测试,我的测试有问题。我的ionic应用程序确实有一个具有模型名称的下拉列表,我试图使用模型名称访问它,它可以工作,但问题是它无法选择我需要从该下拉列表选项中选择的确切选项。它只选择第一个?我这样写了量角器语法。 但是这段代码选择的不是值59,而是值0,这是默认选项。有人能帮我吗?