Question

所以我有这个：

<select id="list">
    <option value="1">This is Me</option>
    <option value="2">This is You</option>
    <option value="3">And this is Mr. Nukem</option>
</select>

我如何在这里抓取选项的“文字”？问题是，它需要是“动态的”，在某种意义上我需要当前所选选项的文本......

我知道获取文本的手动，静态方式......

document.getElementById('list').options[1].text

那将抓住“这就是你”......但是如何获得当前选择的选项？因为我不能简单地使用：

document.getElementById('list').value

因为那会抓住数字......： - （

Answer 1

var list = document.getElementById('list');
var text = list.options[list.selectedIndex].text;

请参阅（例如）此处https://developer.mozilla.org/en/DOM/HTMLSelectElement

Answer 2

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

您可以使用此jQuery行，它将解决您的问题。

在这个具有id列表的元素中，其属性值等于2.你想要的是列表的选项子元素。

Answer 3

如果你可以使用jQuery，你可以尝试这样的事情：

$("#list").change(function() {
    alert($(this).find("option[value=" + $(this).val() + "]").text());
});

有关工作示例，请参阅http://jsfiddle.net/MWu9f/。

如何捕获Select选项的文本？

3 个答案: