我可以将选择值作为参数传递给 onchange 函数吗？ [复制]

Question

这可能使用 javascript 和 html 的某种组合吗？

<select onchange="myFunction(valueOfThisSelector)">
    <option value="op1">Op1</option>
    <option value="op2">Op2</option>
    <option value="op3">Op3</option>
</select>

如果解决方案是在不使用元素 ID 的情况下实现的，我会更喜欢，因为我希望能够将其应用于许多选择器。如果可以在myFunction() 脚本中实现值引用，这也是一个选项，只要它不使用document.getElementById()。

Answer 1

只需将this 作为参数传递，然后从中获取值：

function myFunction(current_select){
    alert( current_select.value );
}

<select onchange="myFunction(this)">
    <option value="op1">Op1</option>
    <option value="op2">Op2</option>
    <option value="op3">Op3</option>
</select>

或者直接传值：

function myFunction(selected_value){
    alert( selected_value );
}

<select onchange="myFunction(this.value)">
    <option value="op1">Op1</option>
    <option value="op2">Op2</option>
    <option value="op3">Op3</option>
</select>