如何從<select>獲得價值，並用它

Question

所以我有兩個列表這樣

<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> 

if (answer < 7) { 
greeting = "hello"; 
} else { 
greeting = "Good bye"; 
} 

現在我希望發生的是添加這兩種選擇的值。即2 + 4。然後我想從加法（6）中得到答案，並在if，else語句中使用它。

我是新來編碼，所以如果你能幫助我，這將是真棒。或者可以提供幫助的資源也很棒。我學習了w3schools.com的大多數

Answer 1

您可以使用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 2

使用jQuery：

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

var answer = val1 + val2; 
</script> 

爲什麼parseInt？它是將選項的值（字符串）轉換爲整數，以便將它們添加到一起。

如果你寧願不使用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> 

Answer 3

您只需訪問document.getElementById("list1").value。所以：

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

凡+item將轉換爲數值，因爲value是一個字符串。