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

我可以将 select 值作为参数传递给 onchange 函数吗？

Can I pass a select value as a param to an onchange function?

javascript

onchange