Uzyskaj wybrany tekst opcji za pomocą polecenia js?

Question

mam listy Wybierz komponent renderingu mój wybierz listę:

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

Mam metodę na składnik do tworzenia opcje:

metoda

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

}, 

My onChange współpracuje z wartości:

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

Czy istnieje sposób uzyskania tekstu opcji? To daje mi niezdefiniowana

event.nativeEvent.target.text; //undefined 

Answer 1

coś takiego powinien zrobić

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

Oto demo http://jsbin.com/vumune/4/

Answer 2

Tekst opcją jest po prostu własnością odpowiednich itemlabel.

W twoim przypadku, aby pobrać tekst wybranej opcji, można zrobić:

var selectedItem = this.props.renderProps.data.find(function (item) { 
    return item.value === event.target.value; 
}); 
selectedItem.label; 

Array.prototype.find jest częścią wniosku ES6. Podkreślenie lub zrób to już jako _.find method.

Answer 3

Jeśli jest to pojedynczy select, tutaj jest bardziej prosty sposób:

e.target.selectedOptions[0].text

Answer 4

można uzyskać tekst opcji, zastępując w ten sposób:

event.nativeEvent.target.text; 

z tym:

event.target.options[event.target.selectedIndex].text 

Answer 5

To zadziałało dla mnie

const {options, value} = e.target; 
console.log(options[value].innerHTML); 

Edycja: Właśnie zdałem sobie sprawę, że używałem pola "wartość" do przechowywania ID niektórych obiektów, od 0 do n. Chyba lepszym rozwiązaniem może być następująca:

const {options, selectedIndex} = e.target; 
console.log(options[selectedIndex].innerHTML); 

Answer 6

Oto co zrobić, aby odzyskać tekst z wybranej opcji w reagują js.

this.refs.selectMark[this.refs.selectMark.value].text