如何从<select>元素中选择特定值？</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。