下拉框 基础hrml

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>
上一篇:06:判断是否为两位数


下一篇:2021-10-06