Question

我有一个包含以下结构的下拉框

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

handle函数看起来像这样 - 我可以使用e.target.value获取下拉列表的值---但是我需要获取标签 - 所以而不是＆＃34; F＆＃34;我需要＆＃34; Flat＆＃34;。

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

- 我尝试使用e.target.nodeName

获取它

Answer 1

JavaScript的：

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

使用JQuery：

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

使用React事件：

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

参见@Dhiraj Bodicherla的演示：Get selected option text using react js?

选择框并获取选项标签

1 个答案: