使用React JS获取选定的选项文本？

  • Z时代
  • 2024-01-10
  • 分类：问答

我有我的选择列表组件呈现我的选择列表：

<form className="pure-form">
<select ref="selectMark" className="mark-selector"
 onChange={this.onChange}>{this.getOptions()}
</select>
</form>

我在组件上有一个方法可以创建选项：

getOptions: function () {
    return this.props.renderProps.data.map(function (item) {
        return <option key={item.value} value={item.value}>{item.label}</option>;
    }.bind(this));
},

我的onChange方法适用于以下值：

onChange: function(event) {
    var newValue = event.nativeEvent.target.value;
    this.props.renderProps.onSaveCare(newValue);
    this.setState({value: newValue});
    this.toggleEdit();
},

有没有办法我可以获取选项文本？这给我不确定

event.nativeEvent.target.text; //undefined

回答：

这样的事情应该做

var index = event.nativeEvent.target.selectedIndex;
event.nativeEvent.target[index].text

这是一个演示

以上是 使用React JS获取选定的选项文本？ 的全部内容， 来源链接： utcz.com/qa/417140.html

回到顶部