Javascript 更改选择选项上的图像(其他可能性,然后是我的)

Javascript 更改选择选项上的图像(其他可能性,然后是我的),javascript,html,Javascript,Html,所以我有我的形象 <img class="box_model" id="imageToSwap" src="img/woman.jpg" /> 还有我的选择清单 <option value="img/woman.jpg">Woman</option> <option value="img/man.jpg">Male</option> 女人 男性 还有几行 <script type="text/javascript">

所以我有我的形象

<img class="box_model" id="imageToSwap" src="img/woman.jpg" />

还有我的选择清单

<option value="img/woman.jpg">Woman</option>
<option value="img/man.jpg">Male</option>
女人
男性
还有几行

<script type="text/javascript">
function swapImage(){
var image = document.getElementById("imageToSwap");
var dropd = document.getElementById("se");
image.src = dropd.value;    
};
</script>

函数swapImage(){
var image=document.getElementById(“imageToSwap”);
var dropd=document.getElementById(“se”);
image.src=dropd.value;
};
但是,因为我想把这个值用于另一个函数,所以我想用另一种方法。是否有人有一种方法,使值不会被触及


谢谢

您可以在选项中使用html5属性,如数据url,也可以将地图存储在某个位置,在那里您可以找到所选值的相应url。

您想使用
select
元素来做两件事,其中一件事不能使用
select
元素的
选项
s?我把它删掉,没有什么特别的…没有,但是我想在php中使用这个选项中的值,所以我需要找到另一种方法。所以我希望这个值看起来像value=“1”,不再是url,但是图像也应该改变。这就是我的问题。。在不使用此任务的值的情况下获取选项时,正在寻找另一种更改图像的方法。。