Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML Javascript:使用Switchcase加载图片_Javascript_Html - Fatal编程技术网

HTML 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

我想用switchcase Javascript制作一个程序来加载一个图像。 但是我有一个问题,如何将图像加载到switchcase脚本,需要您的帮助或建议:

<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人寿保险
@很高兴能帮助你