Javascript 单击具有指定功能的按钮时，如何在输出框的下拉列表中显示选项的值？

单击具有指定功能的按钮时，如何在输出框的下拉列表中显示选项的值？ 我是编程新手，不太懂

/* This function is meant to take the value of the selected option and 
  display it in the output textbox */
function scoringValue() {
  var chosenOne = document.getElementById("totalPoints").value + document.getElementById("options").value;
  document.getElementById("totalPoints").value = chosenOne;
}

我对下面的赋值感到困惑

<p>
  Scoring:
  <select id="options">
    <option value="3">1</option>
    <option value="2">2</option>
    <option value="7">3</option>
    <option value="6">4</option>
    <option value="8">5</option>
  </select>
  <input type="button" id="findScore" value="Score" onclick="return scoringValue()" />
  Total Points: <input type="text" id="totalPoints" value=0 disabled="disabled" class="output" />

评分：
1.
2.
3.
4.
5.
总分：

您需要在代码中解析int值，因为它们以字符串形式存在。因此，如果将两个字符串“2”+“2”相加，结果将是“22”。因此，答案是：使用

parseInt

将字符串转换为一个数字，以正确求和。以下是一个例子：

函数scoringValue（）{
var chosenOne=parseInt（document.getElementById（“totalPoints”）.value，10+
parseInt（document.getElementById（“options”）.value，10）；
document.getElementById（“totalPoints”）.value=chosenOne；
}

评分： 3. 2. 7. 6. 8. 总分：您可以使用将值从字符串转换为int，然后执行计算

例如：

function scoringValue() {
    var totalPoints = parseInt(document.getElementById("totalPoints").value, 10);
    var optionsValue = parseInt(document.getElementById("options").value, 10);
    var chosenOne =  totalPoints + optionsValue;
    document.getElementById("totalPoints").value = chosenOne;
}

---

请注意，调用

parseInt

时应始终包含基数参数，在本例中

parseInt（item.value，10）

@Steve，是的，谢谢，这是一个很好的做法。但在这种情况下，这并不重要。但是我已经按照你的建议更新了答案，再次感谢。