如何從<select>元素中選擇特定值？

Question

我在學習過程中遇到過HTML中的<select>（下拉列表）。我學會了如何編寫<select>下拉列表。

當我選擇<select>中的某個值時，如何執行特定動作（在我的情況下，我正在執行數學運算）？

Answer 1

你可以通過幾種方法做到這一點。

我會建議把一個onchange事件屬性，並給該元素一個ID。

例如。

<select id ="example1" onchange="example_function()"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

現在你已經完成了，你可以轉到你的JS並使用下面的代碼。

var droplist 
var droplist_value 
function example_function(){ 
droplist = document.getElementbyID("example1") 
droplist_value = droplist.value 
} 

您現在可以根據需要使用droplist_value。