选择框和获取选项标签

我有一个下拉框结构如下选择框和获取选项标签

<select 
    name="propertytype" 
    value={this.state.propertytype} 
    onChange={this.handlePropertyTypeChange}> 
    <option value="">Property Type</option> 
    <option value="T">Terrace</option> 
    <option value="F">Flat</option> 
    <option value="S">Semi</option> 
    <option value="D">Detached</option> 
</select>

手柄功能看起来是这样的 - 我可以e.target.value获得下拉列表的价值---但我需要获得标签 - 所以而不是“F”我需要“扁平”。

handlePropertyTypeChange: function(e) { 
    this.setState({propertytype: e.target.value}); 
}

- 我试图获取它使用e.target.nodeName

来源

2016-09-21 The Old County

的JavaScript：

var el = document.getElementByName('prototypetype'); 
var text = el.options[el.selectedIndex].innerHTML;

使用jQuery：

$('select option:selected').text();

与之反应事件：

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

查看演示从@Dhiraj Bodicherla：Get selected option text using react js?

来源

2016-09-21 00:58:59

以及它的使用reactjs - 是不是有办法通过事件获取值？ –

是的，@Dhiraj Bodicherla有一些我在回答中的演示。 –

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

选择框和获取选项标签

回答

相关问题