Javascript 从React中的多个select表单获取选项
我正在尝试从React中的以下表单中获取所选选项的列表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
<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);
}