select标签中加入图片和链接

Question

  <form name="form1">
<select name="file_source" size="10" id="file_source">
 <option selected value=""></option>
 <option value="办公室">办公室</option>
 <option value="机房">机房</option>
 <option value="教研室">教研室</option>
 <option value="开发室">开发室</option>
</select>
</form>我想要的效果是比如在：<option value="办公室"><img src="XX">办公室</img></option>图片XX怎样显示出来还想要的效果是：<option value="办公室"><a href="XX">办公室</a></option>怎样连接才能点击跳转

Answer 1

在下拉列表框中加图片不知道。。
第二个效果可以使用select的onchanage事件啊

Answer 2

<select onchange='urlStep(this)'>
   <option>--请选择--<option>
   <option value="1" href="http://www.sina.com.cn">新浪<option>
   <option value="2" href="http://www.163.com">网易<option>
</select>
<script type="text/javascript" >
function urlStep(obj){
    window.location.href = obj.options[obj.selectedIndex].href;
}
</script>
这个是google查出来的，select里的超链接。
来源于http://topic.csdn.net/u/20090812/14/a94020c4-79a4-4c1f-9cb7-f4fd88c39e55.html

Answer 3

你可以在旁边设置个div用js来做

Answer 4

第二个好弄，一个onchange事件里加上window.location.href=""就转了，
第一个要加图可能要用到div+相对定位/绝对定位+显隐，
学习下，

Answer 5

1.onchange事件里加上window.location.href=""
2.图片显隐，最好不要写在select种那样会很麻烦