0
点赞
收藏
分享

微信扫一扫

antd Form.Item 中如何获取到Select的label值


存在这样的一个情况:

在这样的一个下拉的选择框中,如何获取到对应的 商品类型的值,和label的值

antd Form.Item 中如何获取到Select的label值_前端

 在select 中存在这样的一个属性:

antd Form.Item 中如何获取到Select的label值_select_02

 labelInValue 

看看我们怎么使用:

antd Form.Item 中如何获取到Select的label值_antd_03

 代码:

<Form.Item name = "goodstype" label = "商品类型" style={{display:'inline-block',width:'375px'}} >
<Select labelInValue={true} style={{ width: '100%' }} allowClear={true} placeholder="请选择商品所属类型">
{ this.state.gtypes.map((item)=>
<Option key={item.value} label={item.text} value={item.value}>{item.text}</Option>
)}
</Select>
</Form.Item>

 如何获取到label:

this.formRef.current.getFieldValue("goodstype")['label']

或者:

let formData=this.formRef.current.getFieldValue();
formData.typename=formData.goodstype['label'];

上面就是获取到Form.Item 中label的方法,希望对你有所帮助

举报

相关推荐

0 条评论