Question

我想向我的函数发送参数并有一个列表：

<select>
    <option value="2">2</option>
    <option value="4">4</option>
    <option value="6">6</option>
</select>

那么我如何每次都向函数function（选定值）发送参数并将其用作axios.get参数？

export function loadDetail(*selected value*) {
    return (dispatch) => {...

我应该使用onSelect吗？原因看起来像我没有正确使用它。

Answer 1

如果要在选择项上添加它，请在选择项上添加一个onChange事件，并从此事件传递的事件参数中获取e.target.value。

function loadDetail(event) { let value = event.target.value ...

（如果您不希望更改，请在函数document.querySelector('#mySelect').value的尸体中使用DOM检索值）

Answer 2

您可以使用onchange event或oninput event

function myFunction(event){
console.log("Selected Value:",event.currentTarget.value)
}

<select  onchange="myFunction(event)">
    <option value="2">2</option>
    <option value="4">4</option>
    <option value="6">6</option>
</select>

带请求的onSelect选项

2 个答案: