html下拉框(react)
// 初始化数据
constructor(options) {
super(options);
this.state = {
Name: '',//用户名
Mail: '',//邮箱
Remark: '',//备注
Province: 1,//省份
IsAdmin: true,//是否是管理员
}
}
// 获取表单的值 并传给state
handlerChange = (e) => {
this.setState({
[e.target.name]: e.target.type === 'checkbox' ? e.target.checked : e.target.value
})
}
<select
name="Province"
id="Province"
onChange={this.handlerChange}
value={this.state.Provinde}
>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">河北</option>
<option value="4">山东</option>
<option value="5">山西</option>
</select>
<div>省份:{this.state.Province}</div>