Jquery访问选择框文本没有值怎么办？

Question

示例:

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

如何从选择框中访问文本而不是值

这样我就可以显示 HELLO ME 或 HELLO WORLD 而不是 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(','));