antd-select下拉框同时获取所选值id和名字属性

1、预期实现

需要得到id和name的值
然后传入接口

2、给当前的选择框绑定回调事件
一般我们需要获取一个值得时候是这样写

  changeGoodsName = (value) => {this.setState({goodsId: value})}

而现在需要两个值

  changeGoodsName = (value, e) => {this.setState({goodsId: value,goodsName: e.props.children})}

3、亦可参照此篇方法
选择器取值

antd-select下拉框同时获取所选值id和名字属性相关推荐

antd-select下拉框如何同时获取所选值ID和名字属性
其中传过去的e为: 从antd官网可以看到select组件的onchange属性传参,第一个参数为value,第二个参数可为所选中的那一项的所有信息. 其中的props属性内有一个childr ...
JavaScript获取select下拉框中的第一个值
JavaScript获取select下拉框中的第一个值 1.说明获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...
select下拉框动态获取数据
需求:select下拉框中的数据是从后台接口中获取的,而不是自己写的假数据步骤:(这里是用jquery及ajax发送请求) 一.页面上导入jquery在线资源二.代码实列如下(仅供参考) < ...
Select下拉框json获取国家区号
应客户需求,填写电话区号时,要求下拉选择国家来获取该国家的电话区号. 代码如下: 国家区码: country.json [{"cnname": "中国大陆",& ...
jquery操作select下拉框的各种方法，获取选中项的值或文本，根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明获取s ...
JavaScript DOM操作Select下拉框
DOM操作Select下拉框: 获取select选中的option值,修改选中的选项,添加选项option. <body> <script type="text/javas ...
antd vue 多个下拉联动_antd中select下拉框值为对象选中的问题
使用antd中的select下拉框,遇到个小问题,后台管理系统中,使用下拉框,一般不会是简单的就直接使用select中的value值,而是会使用id或者value中文对应的keyword,并且这个在o ...
php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本
本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...

antd-select下拉框同时获取所选值id和名字属性

antd-select下拉框同时获取所选值id和名字属性相关推荐

最新文章

热门文章