上拉框怎么获取图片

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

查看更多 下一篇