为什么我的 if 条件不适用于 javascript 中的 select 框？

Question

In my code, I am trying to make a code in which I want to get value of select box and add value accordingly but my code is getting a bunch of errors. Can anyone please help me. In code i just want to add 1 to selectbox value. Eg: If i pressed on S and add then 1 should be added to S Code:

 function myFunction() { var x = document.getElementById("issue").value; var is1 = 0; var is2 = 0; var is3 = 0; if (x == document.getElementById("issue").value) { is1 = 1; } else if (x == document.getElementById("issue").value) { is2 = 1; } else if (x == document.getElementById("issue").value) { is3 = 1; } }

 Enter issue code: <select name="issue" id="issue"> <option value="i1">S</option> <option value="i2">W</option> <option value="i3">T</option> </select> <button onclick="myFunction()">Add</button>

Answer 1

You can simply create three variables and update their count based on the selected option.

 let is1 = 0, is2 = 0, is3 = 0 function myFunction() { var x = document.getElementById("issue").value; if (x === "i1") is1++ else if (x === "i2") is2++ else if (x === "i3") is3++ document.getElementById("results").innerText=`Option S: ${is1}\nOption W: ${is2}\nOption T: ${is3}` }

 Enter issue code: <select name="issue" id="issue"> <option value="i1">S</option> <option value="i2">W</option> <option value="i3">T</option> </select> <button onclick="myFunction()">Add</button> <p id="results"></p>