日期:2014-05-17  浏览次数:20665 次

下拉框如何获取图片
想实现个选择一个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());