我可以将选择值作为参数传递给 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>