Jquery access to selectbox text not value how?

html-select, jquery

Solution

Use `text` together with the `:selected` form selector:

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

Loop over all options' texts and values:

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

Grab all option texts into an array:

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

Problem

example: ``` <select> <option value='1'>hello me<option> <option value='2'>hello world</option> </select> ``` how can I access a TEXT not VALUE from select box so I can display HELLO ME or HELLO WORLD instead of 1 & 2.

Original source