如何使用if语句从select标记中提取值？（JavaScript）

2024-05-19 • 问答

我的第一个输入框

<input type="number" id="number1">
<br>
<br>

我的选择

<input type="number" id="number1">
<select id="operation">  
<option value="add">Add</option>
<option value="subtract">Subtract</option>
</select>
<br>
<br>

我的第二个输入框

<input type="number" id="number2">
<br>
<br>

这是下面的按钮

<button onclick="calculateNum()">Calculate</button>
<br>
<p id="result">This is your result....</p>
</select>
<script>
function calculateNum(){
var operation = document.getElementById("operation").value;

在下面的代码（if语句）中，我是否遇到任何语法错误？

if(operation == "add"){
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var result = parseInt(number1) + parseInt(number2);
document.getElementById("result").innerHTML = result;
}
else if(operation == "subtract"){
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var result = parseInt(number1) - parseInt(number2);
document.getElementById("result").innerHTML = result;
}
}
</script>

尝试获取所选选项的索引，然后从诸如此类的选项中进行选择：

let selectField = document.getElementById('operation');
let operation = selectField.options[selectField.selectedIndex].value;
if (operation == "add") {
    // do something
}

您有很多错误，例如：

您要定义2个ID为number1和number2的输入，但您引用的是num1和num2
您声明了num1和num2变量，但是在解析时使用了number1和number2。
您将覆盖结果对象中的纯文本。

我已经编辑了您的代码。现在，您可以尝试以下操作：

function calculateNum() {
  var operation = document.getElementById("operation").value;
  
  var num1 = document.getElementById("number1").value;
  var num2 = document.getElementById("number2").value;
  
  var result;
  
  if(operation == "add"){
    result = parseInt(num1) + parseInt(num2);
  } else {
    result = parseInt(num1) - parseInt(num2);
  }
  
  document.getElementById("result").innerHTML = result;
  // or
  // document.getElementById("result").textContent = result;
  // document.getElementById("result").innerText = result;
}

<input type="number" id="number1">
<input type="number" id="number2">

<select id="operation">  
  <option value="add">Add</option>
  <option value="subtract">Subtract</option>
</select>

<button onclick="calculateNum()">Calculate</button>
<br>
<p>This is your result: <span id="result"></span></p>

如何使用if语句从select标记中提取值？ （JavaScript）

W245070399W 回答：如何使用if语句从select标记中提取值？ （JavaScript）

大家都在问

如何使用if语句从select标记中提取值？（JavaScript）

W245070399W 回答：如何使用if语句从select标记中提取值？（JavaScript）