其他分享
首页 > 其他分享> > 下拉框 基础hrml

下拉框 基础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>

标签:Province,target,基础,options,hrml,state,省份,下拉框
来源: https://www.cnblogs.com/biuo/p/15427351.html