当前位置: 代码迷 >> Java Web开发 >> 上拉框怎么获取图片
  详细解决方案

上拉框怎么获取图片

热度:9163   发布时间:2013-02-25 21:05:02.0
下拉框如何获取图片
想实现个选择一个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());怎么不行了?是没取到值还是什么是下拉框显示图片还是只是获取图片的地址?
  相关解决方案