Javascript-如果选择了下拉菜单，则更改容器中的图像

嘿，伙计们。我试图用我认为很简单的javascript更改容器中的图像，但似乎无法理解。“cover image”是图像所在的容器，“txtMontage”是下拉列表的ID。如果我按原样运行，无论选择什么，图像都是由第一个If语句设置的，然后下拉菜单被卡住，因此我无法选择任何其他内容

有没有办法解决这个问题？谢谢

<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>

函数showPreview（）{
var image=document.getElementById（“封面图像”）；
var dropd=document.getElementById（“txtMontage”）；
如果（dropd.value=“磨料”）{
var container=“img/abrasives.jpg”；
image.src=容器；
}
否则如果（dropd.value=“工业”）{
var container=“img/gen industrial.jpg”；
image.src=容器；
}
}

您在您的条件中指定的是

=

而不是

=

：

使用：

而不是：

if (dropd.value = "abrasives") {

---

你需要改变你想说的话

 if (dropd.value == "abrasives")

在javascript中=设置对象的值，并且==用于比较

<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>

函数jsDropDown（imgid、文件夹、newimg）{
document.getElementById（imgid）.src=”http://mcxbazaar.com/Abazar_new/Abazar_html_them2/“+文件夹+”/“+newimg+”.jpg”；
}
托盘货架
开槽天使
无螺栓
机架式平台
塑料箱

这样一个常见的noob错误-分配而不是比较+哇。。当你有一段时间没有使用JS时，你真的会忘记一些小事情。谢谢

<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>