在JSP里,我设置了一个可选框,怎么通过选择可选框里的国家名字,显示对应国家的国旗图片呢?
<body><selectname="country"><optionvalue=0>中国</option><optionvalue=1>美国</option><opti...
<body>
<select name="country">
<option value=0>中国</option>
<option value=1>美国</option>
<option value=2>英国</option>
</select>
</body>
问题:哪位大神帮忙写一下程序呢?图片应该存放在哪里呢?假设图片名称分别为:China.jpg、USA.jpg和US.jpg.谢谢了 展开
<select name="country">
<option value=0>中国</option>
<option value=1>美国</option>
<option value=2>英国</option>
</select>
</body>
问题:哪位大神帮忙写一下程序呢?图片应该存放在哪里呢?假设图片名称分别为:China.jpg、USA.jpg和US.jpg.谢谢了 展开
展开全部
这个要用到JavaScript了,可能比较复杂了,我觉得三幅图片有些不妥,最好加一幅默认的图片,和其他三张大小一样的白底图片即可,具体代码如下:
<script language="javascript">
function $(id) {
return document.getElementById(id);
}
function changeimg() {
var val = $("select").value;
$("img1").src = val + ".jpg";
}
</script>
<body>
<select id="select" name="country" onclick="changeimg()">
<option value="China">中国</option>
<option value="USA">美国</option>
<option value="US">英国</option>
</select>
<img id="img1" src="默认图片.jpg"/>
</body>
<script language="javascript">
function $(id) {
return document.getElementById(id);
}
function changeimg() {
var val = $("select").value;
$("img1").src = val + ".jpg";
}
</script>
<body>
<select id="select" name="country" onclick="changeimg()">
<option value="China">中国</option>
<option value="USA">美国</option>
<option value="US">英国</option>
</select>
<img id="img1" src="默认图片.jpg"/>
</body>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询