选择某些列表项时弹出图像 - javascript答案

【问题标题】：Image pop up when certain list item is selected - javascript选择某些列表项时弹出图像 - javascript
【发布时间】：2015-02-14 11:00:07
【问题描述】：

我正在尝试为下拉列表中的每个项目弹出一个图像，以作为视觉辅助和数据准确性

列表代码为：

<P style=font-size:0></P>Accident Code: <BR>
<form name="accident" action="">
    <select id='List6' name='List6'>
    <option selected>Make a selection</option>
</select>
&nbsp;
<select id='List7' name='List7' onchange="getValue3(this.value, this.form['List6'].value, 
    this.form['List6'].value)">
    <option selected ></option>
</select></P>
</form>

【问题讨论】：

你遇到了什么错误？
对不起，我没有收到错误，我更多的是询问如何在某些列表选择中弹出不同的图像

标签： javascript html image list

【解决方案1】：

您以错误的方式在p 标签上设置了style 属性，并将</p> 放置在错误的位置。我不确定在哪里放置</p>，但您可以进行相应更改编辑代码：

<p style="font-size:0"></p>Accident Code: <BR>
<form name="accident" action="">
    <select id='List6' name='List6'>
       <option selected>Make a selection</option>
    </select>
&nbsp;
<select id='List7' name='List7' onchange="getValue3(this.value, this.form['List6'].value, 
    this.form['List6'].value)">
    <option selected ></option>
</select>
</form>

如果要在 select 标签中添加图片，请将这些图片添加到您的 CSS 中：

#List6 option[value=value1]{
   background-image:url(img1.png); 
}

#List6 option[value=value2]{
   background-image:url(img2.png); 
}

#List7 option[value=value1]{
   background-image:url(img11.png); 
}

/*And so on.. */

您也可以使用this。这正是你所需要的

【讨论】：

我可能错过了，能否请您更具体地了解该链接以及它在何处添加图片？谢谢
感谢链接，这很有趣，但是，我的意思是如何在下拉列表旁边弹出本地图像，而不是在其中，因为那太小了供我使用
这就是我所追求的，我只是在我的代码中实现它时遇到了麻烦，因为我认为第二个下拉列表jsfiddle.net/treyh/xf2pq
当我在列表中选择不同选项时，我不确定显示图像的语法
完全没问题。如果我有帮助，请勾选答案。