Question

所以我有两个这样的列表＆lt; select id =“list1”＆gt; ＆lt; option value =“1”＆gt; one＆lt; / option＆gt; ＆lt; option value =“2”＆gt; two＆lt; / option＆gt; ＆lt; option value =“3”＆gt; three＆lt; / option＆gt; ＆lt; option value =“4”＆gt; four＆lt; / option＆gt; ＆lt; option value =“5”＆gt; five＆lt; / option＆gt; ＆LT; /选择＆GT; ＆lt; select id =“list2”＆gt; ＆lt; option value =“1”＆gt; one＆lt; / option＆gt; ＆lt; option value =“2”＆gt; two＆lt; / option＆gt; ＆lt; option value =“3”＆gt; three＆lt; / option＆gt; ＆lt; option value =“4”＆gt; four＆lt; / option＆gt; ＆lt; option value =“5”＆gt; five＆lt; / option＆gt; ＆LT; /选择＆GT; if（回答＆lt; 7）{ greeting =“你好”; } else { 问候=“再见”; } 现在我想要发生的是添加两个选定的值。即2 + 4。然后我想从加法（6）中得到答案，并在if，else语句中使用它。我是新手编码，所以如果你能帮助我那将是非常棒的。或者可以提供帮助的资源也很棒。我从w3schools.com获得了大部分学习

Answer 1

您只需访问document.getElementById("list1").value即可。这样：

+document.getElementById("list1").value + +document.getElementById("list2").value

+item将转换为数字，因为value是一个字符串。

Answer 2

您可以使用document.getElementById按ID获取元素，并使用parseInt将其字符串值转换为整数。

document.getElementById('link').onclick = function() {
  var a = parseInt(document.getElementById('list1').value);
  var b = parseInt(document.getElementById('list2').value);

  var answer = a + b;
  
  document.getElementById('result').innerText = answer;
};

<select id="list1"> 
  <option value="1">one</option> 
  <option value="2">two</option> 
  <option value="3">three</option> 
  <option value="4">four</option> 
  <option value="5">five</option> 
</select> 

<select id="list2"> 
  <option value="1">one</option> 
  <option value="2">two</option> 
  <option value="3">three</option> 
  <option value="4">four</option> 
  <option value="5">five</option> 
</select> 

<a href="#" id="link">Calculate</a>
<div id="result"></div>

您只需添加条件并根据您的要求使用greetings。

Answer 3

使用jQuery：

<script>
var val1 = parseInt($("#list1").val());
var val2 = parseInt($("#list2").val());

var answer = val1 + val2;
</script>

为什么parseInt？它将选项的值（String）转换为Integer，以便将它们一起添加。

如果您不想使用jQuery，代码会更长：

<script>
var list1 = document.getElementById("list1");
var list2 = document.getElementById("list2");

var val1 = parseInt(list1.value);
var val2 = parseInt(list2.value);

var answer = val1 + val2;
</script>

如何从<select>获取价值并使用它

3 个答案: