读书人

上拉框怎么获取图片

发布时间: 2013-01-28 11:49:56 作者: rapoo

下拉框如何获取图片
想实现个选择一个option,对应于一张图片,不知道怎么实现,求指教。
[解决办法]
是下拉框显示图片还是只是获取图片的地址?
[解决办法]
那你option的value都设置成图片的地址。
例如


<select id="imageSelect">
<option value="images/a.gif">图片1</option>
<option value="images/b.gif">图片2</option>
<option value="images/c.gif">图片3</option>
<option value="images/d.gif">图片4</option>
</select>
那么js就可以这么获取
var imageSrc=document.getElementById("imageSelect").value;

[解决办法]
怎么不行了?是没取到值还是什么
[解决办法]
引用:
那你option的value都设置成图片的地址。
例如
XML/HTML code?12345678<select id="imageSelect"> <option value="images/a.gif">图片1</option> <option value="images/b.gif">图片2</option> <option value="imag……

是啊,需求有点不明确,你图片地址是在数据库存着还是静态资源,这位大哥的方法是一种,你也可以根据select的change调用ajax动态获取该select的option对应的图片地址
[解决办法]
应该是点击 option获取图片的路劲,
然后将路径显示在一个图片的标签中

<select id="imageSelect">
<option value="images/a.gif">图片1</option>
<option value="images/b.gif">图片2</option>
<option value="images/c.gif">图片3</option>
<option value="images/d.gif">图片4</option>
</select>

<img src=""></img>

将获取到的option value放入src里边

$("img").attr("src",$("#imageSelect").val());

读书人网 >Java Web开发

热点推荐