为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 JavaScript 中的 OnChange() 事件中使用 If Else?

如何在 JavaScript 中的 OnChange() 事件中使用 If Else?

翻阅古今 2023-10-14 15:53:20
这是我的 HTML 代码:<select id="stand" onchange="myFun2()">                <option value="platinumGallery">Platinum Gallery</option>                <option value="superHospitalityStand">Super Hospitality Stand</option>                <option value="northWestStand">North West Stand</option>                <option value="eastStand">East Stand</option></select><br><br><label>Cost Of Ticket: </label><input id="costOfTicket" type="text" readonly>和JS代码:function myFun2(){    var costOfTicket;    var selectedStand = document.getElementById("stand").value;    if(selectedStand = "platinumGallery"){        costOfTicket = 25000;    }    else if(selectedStand = "superHospitalityStand"){        costOfTicket = 20000;    }    document.getElementById("costOfTicket").value = costOfTicket;}每当onchange()事件发生时,我想Cost Of Ticket根据选择的值进行显示select。但它会在事件发生25000后显示onchange(),然后无论选择的值如何都不会改变。如何修正代码来完成上述任务?
查看完整描述

2 回答

?
尚方宝剑之说

TA贡献1788条经验 获得超4个赞

让我告诉你。在 if-else 语句中,您不是在比较值,而是实际上是在分配值。


因此,将 if-else 语句更改为:


if(selectedStand == "platinumGallery"){

        costOfTicket = 25000;

}

else if(selectedStand == "superHospitalityStand"){

        costOfTicket = 20000;

}


查看完整回答
反对 回复 2023-10-14
?
慕侠2389804

TA贡献1719条经验 获得超6个赞

您在声明=中使用了if。您需要在`if 语句中使用==or===来使其作为条件起作用。


function myFun2(){

    var costOfTicket;

    var selectedStand = document.getElementById("stand").value;

    

    if(selectedStand == "platinumGallery"){

        costOfTicket = 25000;

    }

    else if(selectedStand == "superHospitalityStand"){

        

        costOfTicket = 20000;

    }

    document.getElementById("costOfTicket").value = costOfTicket;

}

<select id="stand" onchange="myFun2()">

                <option value="platinumGallery">Platinum Gallery</option>

                <option value="superHospitalityStand">Super Hospitality Stand</option>

                <option value="northWestStand">North West Stand</option>

                <option value="eastStand">East Stand</option>

</select><br><br>


<label>Cost Of Ticket: </label>

<input id="costOfTicket" type="text" readonly>


查看完整回答
反对 回复 2023-10-14
  • 2 回答
  • 0 关注
  • 69 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信