我有一个表单,要求用户从下拉框中进行选择,当他们进行选择时,页面顶部的徽标将更改以匹配他们的选择。这是jsfiddle。所以我的问题是这样的,我希望能够将下拉框中的选择名称发布到 mysql,但是由于 javascript 已经使用该值来更改图像,所以在 db 中发布的所有内容都是图像的名称,而不是框中的值。
我想做的不是使用下拉框来更改图像,而是如何使用复选框来完成相同的事情?我有一个默认徽标,该徽标始终显示在表单上,直到做出选择为止,因此我也需要将其保留在适当的位置。
这是jsfiddle中的代码
<br/><br/>
<select id="dd" onChange="swapImage()" style="width: 150px">
<option value=""></option>
<option value="http://xxxs.com/demo1/decals/falcons2013.jpg">Falcons</option>
<option value="http://xxxxx.com/demo1/decals/gvklogo2013.png">Green Valley Knights</option>
<option value="http://xxxxx.com/demo1/decals/longhorns2013.jpg">Longhorns</option>
</body>
</html>
和 javascript
function swapImage(){
var image = document.getElementById("logoimage");
var dropd = document.getElementById("dd");
image.src = dropd.value;
};