HTML Javascript:使用Switchcase加载图片
我想用switchcase Javascript制作一个程序来加载一个图像。 但是我有一个问题,如何将图像加载到switchcase脚本,需要您的帮助或建议:HTML Javascript:使用Switchcase加载图片,javascript,html,Javascript,Html,我想用switchcase Javascript制作一个程序来加载一个图像。 但是我有一个问题,如何将图像加载到switchcase脚本,需要您的帮助或建议: <div align='center'> <fieldset> <legend><b>Detail Onsite</b></legend> Dari : <select class='form-control'> <option value='c
<div align='center'>
<fieldset>
<legend><b>Detail Onsite</b></legend>
Dari :
<select class='form-control'>
<option value='co'>Cyber Office</option>
</select><br><br/></br>
Tujuan PM :
<select class='form-control' id='tujuan' name='tujuan'>
<option value='abb'>ABB Sakti Industri</option>
<option value='ace'>ACE Life Assurance</option>
</select><br><br/></br>
<a href='javascript:void(0)' id='submit'>Submit</a>
<script>
document.getElementById('submit').onclick = function(){
document.getElementById('output').style.display = "block";
var myImage = document.getElementById('tujuan');
var tujuan = document.getElementById('tujuan').value;
switch(tujuan){
case "abb":
myImage("abb.jpg");
break;
case "ace":
myImage("ace.jpg");
break;
case "cigna":
myImage("cigna.jpg");
break;
}
}
</script>
</body>
</html>
下面的代码片段很有效。选择一个选项并单击提交。此外,您的代码还存在一些问题: 缺少将保存由开关块确定的图像的图像元素 您缺少id为output的元素,因此我在本例中仅选取了一个id为的元素。 myImage不是像myImageabb.jpg;那样调用的setter函数;。这不会设置任何值。 document.getElementById'submit'.onclick=function{ document.getElementById'output'.style.display=block; var imageHolder=document.getElementById'imageLink'; var myImage=document.getElementById'tujuan'; var tujuan=document.getElementById'tujuan'。值; 切克图胡安{ 案例abb: imageHolder.src=http://4.bp.blogspot.com/-bbubO_FJ7Qk/ToW1yQSzZhI/AAAAAAAAABY/k23rQV4C_Qg/s1600/free.jpg; 打破 案例ace: imageHolder.src=http://www.allyou.com/sites/default/files/image/2014/01/300x300/i/2010/09/freesample-m.jpg; 打破 打破 案例信诺: imageHolder.src=http://4.bp.blogspot.com/-bbubO_FJ7Qk/ToW1yQSzZhI/AAAAAAAAABY/k23rQV4C_Qg/s1600/free.jpg; 打破 打破 } } 现场细节 达里: 网络办公室 图娟下午: 萨提工业公司ABB ACE人寿保险
@很高兴能帮助你