Jquery访问selectbox文本不值如何？

Question

例:

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

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

所以我可以显示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(','));

Answer 2

如果要访问所选选项的文本,可以使用:

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

或者,您可以通过以下方式直接访问该选项:

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

#list是特定选择的ID.您应该分配一个id(例如<select id="list">)以避免与其他select标签冲突.