使用React JS获取选定的选项文本？
我有我的选择列表组件呈现我的选择列表：
<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
这是一个演示 http://jsbin.com/vumune/4/
-
问题内容： 我有一个这样的下拉列表： 如何使用JavaScript获取实际的选项文本而不是值？我可以通过以下方式获得价值： 但不是我想要的。 问题答案： 尝试选项
-
我有这样一个下拉列表： 如何使用JavaScript获得实际的选项文本而不是值？我可以通过以下方法获得值： 但我想要的不是而是。
-
问题内容： 好吧，说我有这个： 如果我想获得值“ 2”时选择“选项B”，选择器会是什么样？ 请注意，这不是在询问如何获取 选定的 文本值，而是询问其中的任何一个（是否选择），具体取决于value属性。我试过了： 但这是行不通的。 问题答案： 它正在寻找ID 为且属性等于的元素。 您想要的是的孩子：
-
问题内容： 我正在尝试使用AngularJS获取选项列表的文本值 这是我的代码片段 返回选项的值，例如：prod_1。我正在尝试获取文本值“产品1”。有没有办法做到这一点？ 问题答案： 最好的方法是在元素上使用指令。 控制者 HTML 这会将所选对象绑定到属性- 。之后，您可以使用以下命令： jsFiddle ：http : //jsfiddle.net/bmleite/2qfSB/
-
问题内容： 我可以使用以下代码来获取选定的文本： 但是，如何获取包含文本和html标签的选定HTML？ 问题答案： 在IE <= 10浏览器中，它是： 在非IE浏览器中，我只是尝试玩这个游戏……这似乎奏效，将节点分成两半并产生额外的跨度会产生副作用，但这是一个起点： 不幸的是，我似乎无法将节点放回原来的位置（例如，因为您可以从跨度中拉出一半的文本）。
-
问题内容： 我尝试使用输入获得当前选择的文本，但我总是得到一个空字符串： 结果成： 使用angularjs.org作为目标站点的完整可重复测试： 请注意，我实际上看到输入的文本是用COMMAND +“ a”选择的。 我究竟做错了什么？ 使用量角器2.5.1，Firefox 41。 问题答案： 不适用于在元素中选择的文本，但不适用于在页面中对元素进行的选择。 您可以使用和这样的： 您可能应该为此创建