Javascript 如何访问React中的选定选项

在React JSX中，我编写了以下组件：

<select //...
  onChange={event => {alert(event.target); //setState}}
>
    <option id=1>one</option>
    <option id=2>two</option>
</select>

{alert（event.target）；//setState}
>
一
二

---

该警报为我提供了select元素。在没有jQuery的情况下如何访问所选选项？我正在尝试设置id上的状态，并执行相应的搜索和其他操作。

在

选择
选项时，提供
值
属性，然后您可以作为
事件.目标.值
访问它

<select 
    onChange={event => {
        alert(event.target.value);
    }
}>
    <option value="1"> one</option>
    <option value="2"> two</option>
</select>

{
警报（事件、目标、值）；
}
}>
一
二

提供
值
属性，而不是
选择
选项上的
id
，然后您可以将其作为
事件.target.value
访问

<select 
    onChange={event => {
        alert(event.target.value);
    }
}>
    <option value="1"> one</option>
    <option value="2"> two</option>
</select>

{
警报（事件、目标、值）；
}
}>
一
二

通常不会通过事件目标直接访问值。将控件值绑定到组件状态或在父组件上存储引用。。。然后，您可以在触发事件时访问该值

请参阅：
您通常不会直接通过事件目标访问该值。将控件值绑定到组件状态或在父组件上存储引用。。。然后，您可以在触发事件时访问该值

请参阅：
您可以访问所选选项，如：

var elm = event.target;
console.log(elm.options[elm.selectedIndex]);

然后访问其值或文本，如：

console.log(elm.options[elm.selectedIndex].value) 

演示（更改选项以查看结果）：


函数setState（）{
var elm=event.target；
log（elm.options[elm.selectedIndex]）；
log（elm.options[elm.selectedIndex].value）；
}

一
二
您可以访问所选选项，如：

var elm = event.target;
console.log(elm.options[elm.selectedIndex]);

然后访问其值或文本，如：

console.log(elm.options[elm.selectedIndex].value) 

演示（更改选项以查看结果）：


函数setState（）{
var elm=event.target；
log（elm.options[elm.selectedIndex]）；
log（elm.options[elm.selectedIndex].value）；
}

一
二
在选项标签中使用
value
而不是
id
。然后您可以通过以下方式访问它：
event.target.value
。此问题具体如何反应？在选项标记中使用
value
而不是
id
。然后您可以通过：
event.target.value
访问它。这个问题具体如何反应？非常详细。很抱歉，我不能接受这个答案，因为Shubham的第一个答案解决了这个问题。没问题。我非常高兴，如果它在任何方面帮助了你或未来的用户。好水平的细节华丽。很抱歉，我不能接受这个答案，因为Shubham的第一个答案解决了这个问题。没问题。如果它对您或未来用户有任何帮助，我会非常高兴。因为在选择输入时，选择上的值属性设置为选择选项的值，这是选择元素的行为，因为在选择输入时，选择上的值属性设置为选择选项的值，这是select Element的行为谢谢Josh。但这是关于操作搜索组件本身的，所以不依赖于结果或包装器。选定的答案对我很有用
onChange
仅更改
状态
变量，该变量用于
渲染
。谢谢Josh。但这是关于操作搜索组件本身的，所以不依赖于结果或包装器。选定的答案对我很有用
onChange
仅更改
状态
变量，该变量用于
渲染
。