当用户在下拉列表中选择一个选项时,我试图显示图像,然后单击按钮后将显示图像。这是我关于如何执行此操作的想法,但是我不确定它是否正确,因此我要向他人征求意见。
这是我的代码和小提琴:http://jsfiddle.net/Bc6Et/1546/
html
<select name="" id="dropdownlist" size="">
<option value="img1">Image</option>
<option value="img2">Image</option>
<option value="img3">Image</option>
<option value="">so on and so forth</option>
</select>
<input type="button" value="Show Image" onclick="showimg()" class="button">
javascript / jquery
function showimg() {
var q = document.getElementById("dropdownlist");
var selected = q.options[q.selectedIndex].value;
var src = "/var/www/VAA/img";
if (selected === img1) {
show_image("/var/www/VAA/img/img1.png");
}
elseif(selected === img2) {
show_image("/var/www/VAA/img2.png");
}
}
function show_image(src, width, height, alt) {
var img = document.createElement("img");
img.src = src;
document.body.appendChild(img);
}
或者我可以使用case / break开关语句代替if / else。感谢所有帮助tnx哦,还有1张图片在我的桌面上还以为您可能需要该信息
最佳答案
除了可以对每个图像使用if语句之外,您还可以尝试这样的操作?
<option value="name_of_your_image">Image</option>
然后调用您的函数:
var src = "/var/www/VAA/"+selected+".png";
show_image(src);
http://jsfiddle.net/Bc6Et/1558/
如果您有很多图像,我认为这是一个更好的选择。
关于javascript - 按钮/单击事件上的Javascript下拉列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21109443/