如果使用javascript和html有三个下拉选择值,如何使用if语句

问题描述 投票:-1回答:1

我有三个下拉选择的值,如下所示。我怎么能说例如car = volvo和color = Black和name = Jone //在javaScript中做某事或警告(酷)。提前致谢。

<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

<select>
<option value="red">red</option>
<option value="blue">blue</option>
<option value="black">black</option>
<option value="green">green</option>
</select>

<select>
<option value="'mark">'mark</option>
<option value="jones">jones</option>
<option value="james">james</option>
<option value="Vardy">Vardy</option>
</select>
javascript html electron
1个回答
0
投票

通过双向绑定并在所有三个下拉列表上应用相同的值更改侦听器,角度js将非常容易。

但是,您也可以在此处为下拉列表提供3种不同的ID,并使用onchange属性将它们与相同的值更改侦听器绑定。

在值更改侦听器函数中,通过document.getElementById获取所有3个下拉值的值,对其进行comapre并相应地显示警报。您可以在下面找到我准备的样品溶液:

<head>
<script>
function dropdownChange()    {
var car=document.getElementById("car").value;
var color=document.getElementById("color").value;
var owner=document.getElementById("owner").value;
if(car==="volvo" && color==="red" && owner ==="james")    {
    alert("Cool");
}
}
</script>
</head>
<body>
<select id ="car" onchange="dropdownChange();">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

<select id="color" onchange="dropdownChange();">
<option value="red">red</option>
<option value="blue">blue</option>
<option value="black">black</option>
<option value="green">green</option>
</select>

<select id="owner" onchange="dropdownChange();">
<option value="'mark">'mark</option>
<option value="jones">jones</option>
<option value="james">james</option>
<option value="Vardy">Vardy</option>
</select>
</body>
© www.soinside.com 2019 - 2024. All rights reserved.