react js 输入类型选择获取名称答案

【问题标题】：react js Input type select get namereact js 输入类型选择获取名称
【发布时间】：2020-09-03 23:02:28
【问题描述】：

我有这个基于状态数据的输入选择

            <Input
              type="select"              
              className=""
              placeholder=""
              onChange={this.handleLDMapprove}
              >
            {this.state.asp_data.map((asp) => (
              <option value={asp.Vendor_Code}>{asp.Name}</option>
            ))}
            </Input>

通常我获取value={asp.Vendor_Code} 没有问题，但这次我需要获取{asp.Name}'。我该怎么做？

这是我的 onChange 代码

  handleLDMapprove = (e) => {
    let name = e.target.name;
    let value = e.target.value;
    let bodymrApprove = {
      "dsp_company_code": value,
    "dsp_company": name,
    }  
    console.log('bodymrApprove ', bodymrApprove);
  };

【问题讨论】：

标签： reactjs select input

【解决方案1】：

如果我理解正确，那么您想从选择输入中获取选定的文本。如果是，请查看以下示例。希望对你有帮助。

handleLDMapprove = (e) => {
    let name = e.target.options[e.target.selectedIndex].text;
    let value = e.target.value;
    let bodymrApprove = {
      "dsp_company_code": value,
    "dsp_company": name,
    }  
    console.log('bodymrApprove ', bodymrApprove);
  };

【讨论】：

【解决方案2】：

您可以将所选选项的标签设为e.target.options[event.target.selectedIndex].innerHTML

【讨论】：