選擇框和獲取選項標籤

我有一個下拉框結構如下選擇框和獲取選項標籤

<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 –

選擇框和獲取選項標籤

回答

相關問題