Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从React中的多个select表单获取选项_Javascript_Html_Reactjs - Fatal编程技术网

Javascript 从React中的多个select表单获取选项

Javascript 从React中的多个select表单获取选项,javascript,html,reactjs,Javascript,Html,Reactjs,我正在尝试从React中的以下表单中获取所选选项的列表 <form onSubmit={ this.handleOptionsSelected.bind(this) }> <div> <select multiple> { this.getOptionList() } </select> </div> <input type="submit" valu

我正在尝试从React中的以下表单中获取所选选项的列表

<form onSubmit={ this.handleOptionsSelected.bind(this) }>
    <div>
        <select multiple>
            { this.getOptionList() }
        </select>
    </div>
    <input type="submit" value="Select"/>
</form>
但是,我得到了
event.target.value
未定义的


有人知道如何更正上述代码吗?

您可以在
this.select=node}multiple>
中添加一个ref,然后在值上循环

像这样的

类示例扩展了React.Component{
已选择HandLeoptions(事件){
event.preventDefault();
选定常数=[];
for(让此.select.options的选项){
如果(选择选项){
选中。推送(选项。值)
}
}
console.log(选中);
}
render(){
返回(
this.select=node}multiple=“true”>
沃尔沃汽车
萨博
欧宝
奥迪
)
}
}
ReactDOM.render(
,
document.getElementById('容器')
);

谢谢!这里似乎不需要
handleOptionsSelected(event) {
    event.preventDefault();
    console.log("The selected options are " + event.target.value);
}