jquery获取选择框文本不值怎么办？

【问题标题】：Jquery access to selectbox text not value how?jquery获取选择框文本不值怎么办？
【发布时间】：2009-10-06 11:56:27
【问题描述】：

示例：

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

如何从选择框中访问 TEXT 而不是 VALUE

所以我可以显示 HELLO ME 或 HELLO WORLD 而不是 1 & 2。

【问题讨论】：

【解决方案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(','));

【讨论】：

【解决方案2】：

如果您想访问所选选项的文本，您可以使用：

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

您也可以通过这种方式直接访问该选项：

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

#list 是特定选择的 id。您应该分配一个 id（例如<select id="list">）以避免与其他选择标签发生冲突。

【讨论】：

【解决方案3】：

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

【讨论】：