Javascript - 如果選擇下拉菜單，更改容器中的圖像

嘿傢伙。我試圖用我認爲簡單的javascript來改變容器中的圖像，但似乎無法弄清楚。「cover-image」是圖像所在的容器，「txtMontage」是下拉列表的ID。如果我按照原樣運行它，則不管選擇圖像是由第一個if語句設置，然後下拉卡住它，所以我不能選擇其他任何東西。Javascript - 如果選擇下拉菜單，更改容器中的圖像

有關如何解決此問題的任何想法？謝謝。

<script type="text/javascript"> 
    function showPreview() { 

     var image = document.getElementById("cover-image"); 
     var dropd = document.getElementById("txtMontage"); 

     if (dropd.value = "abrasives") { 
      var container= "img/abrasives.jpg"; 
      image.src = container; 
     } 
     else if (dropd.value = "industrial") { 
      var container= "img/gen-industrial.jpg"; 
      image.src = container; 
     } 

    } 
</script>

來源

2010-08-06 Carson

您指定=，而不是你的條件==：

用途：

if (dropd.value == "abrasives") {

相反的：

if (dropd.value = "abrasives") {

來源

2010-08-06 15:20:13 Sarfraz

這種共同小白錯誤 - 分配代替比較。 +1 – 2010-08-06 15:21:12

哇......如果你一段時間沒有用過JS，你真的會忘記這些小東西。謝謝。 – Carson 2010-08-06 15:22:24

你需要改變你的，如果說

if (dropd.value == "abrasives")

在javascript中=設置對象的值和==用於比較

來源

2010-08-06 15:21:32

<script language="javascript"> 
function jsDropDown(imgid,folder,newimg){ 
document.getElementById(imgid).src = "http://mcxbazaar.com/Abazar_new/Abazar_html_them2/" + folder + "/" + newimg + ".jpg"; 

} 


</script> 

<div style="width:600px; height:300px;"> 
<div style="float:left; width:280px;"> <select class="input_select" name="products" onchange="jsDropDown('rahul','images',this.value)"> 

          <option value="PALLET-RACKING">Pallet Racking</option> 
          <option value="SLOTTED-ANGLE-RACKING">Slotted Angel</option> 
          <option value="BOLT-FREE">Bolts Free</option> 
          <option value="Pallet-Rack">Rack Supported Plateform</option> 
          <option value="PLASTIC-BINS">Plastic Bins</option> 
          </select></div> 
     <div style="float:left; width:280px; height:300px"> 
     <img src="http://mcxbazaar.com/Abazar_new/Abazar_html_them2/images/PALLET-RACKING.jpg" width="300" height="300" id="rahul" ></div> 
</div>

來源

2014-01-15 07:35:53

Javascript - 如果選擇下拉菜單，更改容器中的圖像

回答

相關問題