带有img选择的javascript径向列表尝试设置默认图像
[英]javascript radial list with img selection trying to set default image
问题描述
我试图让none.jpg在页面加载时默认加载。 页面加载时当前显示无图片错误显示。 我试图将onload实现到第一个选项中无济于事。
<SCRIPT type="text/javascript">
function check_value(val, id, type) {
var el = document.getElementById("imgBox" + id);
if (val>=0 && val<11) { //will trigger when [1,2,3]
el.src = "images/"+ type + ".jpg";
el.style.display = "";
} else {
el.src = "images/none.jpg";
el.style.display = "";
}
}
</SCRIPT>
</HEAD>
<BODY>
<h1>Pick a flag</h1>
<table>
<tr>
<td>
<form>
<input type="radio" name="field" value="10" CHECKED onclick='check_value(15, 1, "NONE")'/> None<br />
<input type="radio" name="field" value="1" onclick='check_value(0, 1, "argentina")'/> argentina<br />
<input type="radio" name="field" value="2" onclick='check_value(1, 1, "australia")'/> australia<br />
<input type="radio" name="field" value="3" onclick='check_value(2, 1, "bolivia")'/> bolivia<br />
<input type="radio" name="field" value="4" onclick='check_value(3, 1, "cuba")'/> cuba<br />
<input type="radio" name="field" value="5" onclick='check_value(4, 1, "finland")'/> finland<br />
<input type="radio" name="field" value="6" onclick='check_value(5, 1, "france")'/> france<br />
<input type="radio" name="field" value="7" onclick='check_value(6, 1, "italy")'/> italy<br />
<input type="radio" name="field" value="8" onclick='check_value(7, 1, "peru")'/> peru<br />
<input type="radio" name="field" value="9" onclick='check_value(8, 1, "syria")'/> syria<br />
<input type="radio" name="field" value="10" onclick='check_value(9, 1, "tunisia")'/> tunisia<br />
</form>
</td>
<td>
<img id="imgBox1" src="#" height="75" width="75"">
</td>
</tr>
</table>
</BODY>
3 个解决方案
解决方案1
0 2015-08-22 05:26:48
... 然后：
<img id="imgBox1" src="images/none.jpg" height="75" width="75">
解决方案2
0 2015-08-22 05:33:38
在Body标签之后添加以下脚本
<script>
check_value(-1, 1, "NONE");
</script>
它应该按预期工作。
解决方案3
-1 已采纳 2015-08-22 05:56:05
正确的答案是这样
<BODY onload='check_value(15, 1, "NONE")'>
这是完整的代码
<TITLE>Flags</TITLE>
<SCRIPT type="text/javascript">
function check_value(val, id, type) {
var el = document.getElementById("imgBox" + id);
if (val>=0 && val<11) { //will trigger when [1,2,3]
el.src = "images/"+ type + ".jpg";
el.style.display = "";
} else {
el.src = "images/none.jpg";
el.style.display = "";
}
}
</SCRIPT>
</HEAD>
<BODY onload='check_value(15, 1, "NONE")'>
<h1>Pick a flag</h1>
<table>
<tr>
<td>
<form>
<input type="radio" name="field" value="11" CHECKED onclick='check_value(15, 1, "NONE")'/> None<br />
<input type="radio" name="field" value="1" onclick='check_value(0, 1, "argentina")'/> argentina<br />
<input type="radio" name="field" value="2" onclick='check_value(1, 1, "australia")'/> australia<br />
<input type="radio" name="field" value="3" onclick='check_value(2, 1, "bolivia")'/> bolivia<br />
<input type="radio" name="field" value="4" onclick='check_value(3, 1, "cuba")'/> cuba<br />
<input type="radio" name="field" value="5" onclick='check_value(4, 1, "finland")'/> finland<br />
<input type="radio" name="field" value="6" onclick='check_value(5, 1, "france")'/> france<br />
<input type="radio" name="field" value="7" onclick='check_value(6, 1, "italy")'/> italy<br />
<input type="radio" name="field" value="8" onclick='check_value(7, 1, "peru")'/> peru<br />
<input type="radio" name="field" value="9" onclick='check_value(8, 1, "syria")'/> syria<br />
<input type="radio" name="field" value="10" onclick='check_value(9, 1, "tunisia")'/> tunisia<br />
</form>
</td>
<td>
<img id="imgBox1" src="#" height="75" width="75"">
</td>
</tr>
</table>
</BODY>
谢谢你们的帮助。
尝试使图像链接到选择列表中的项目，以便当您选择一个选项时，相应的图像将使用javascript显示
[英]Trying to get images to link to items in a selection list so that when you select one option the corresponding image will appear using javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.