Question

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

列表代码是：

<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>

Answer 1

您以错误的方式在style标记上设置了p属性，并将</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。这正是你需要的

选择某个列表项时弹出图像 - javascript

1 个答案: