JQuery доступ к тексту выбора не значение, как?

Question

пример:

<select>
<option value='1'>hello me<option>
<option value='2'>hello world</option>
</select>

как я могу получить доступ к ТЕКСТУ, НЕ ЗНАЧЕНИЮ из поля выбора

, чтобы я мог отобразить ПРИВЕТ МЕНЯ или ПРИВЕТ МИР вместо 1 & 2 .

Answer 1

Используйте text вместе с селектором формы :selected:

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

Перебирать тексты и значения всех опций:

$('#mySelect option').each(function () {
    console.log(this.text + ' ' + this.value);
});

Скопировать все тексты опций в массив:

var textArr = $('#mySelect option').map(function (i,n) {
    return $(n).text();
}).get();
console.log(textArr.join(','));

Answer 2

Если вы хотите получить доступ к тексту выбранной опции, вы можете использовать:

$("#list option:selected").text();

В качестве альтернативы вы можете получить доступ к опции напрямую таким образом:

$("#list option[value=2]").text();

#list - идентификатор конкретного выбора. Вам следует назначить идентификатор (например, <select id="list">), чтобы избежать конфликтов с другими тегами выбора.

Answer 3

var text = $(option[value='1']).text();