Javascript 在html选择中获取当前选定的选项onBlur

我的react组件中有一个Select元素：

请选择一个值
{items.map（item=>(
{item.value}
))}

您可以使用

state

存储所选数据的值。然后在调用

onBlur

时从state获取数据

<select
    id={id}
    value={this.state.selectedValue}
    onChange={this.onChange}
    onMouseOver={this.onMouseOver}
    onMouseLeave={this.onMouseLeave}
    onFocus={this.onFocus}
    onBlur={this.onBlur}
>

<option value="">Please select a value</option>
{items.map(item => (
    <option value={item.key} key={item.key}>
        {item.value}
    </option>
))}
onChange(event) {
this.setState({'selectedValue':event.target.value})
}
onBlur() {
console.log(this.state.selectedValue)
}

请选择一个值
{items.map（item=>(
{item.value}
))}
onChange（事件）{
this.setState（{'selectedValue'：event.target.value}）
}
onBlur（）{
console.log（this.state.selectedValue）
}