javascript相当于jquery代码

Question

有人可以帮助下面的jquery行的javascript等价物.

$("#abc option[value='1']").text();

abc是selectbox的id

Answer 1

var options = document.getElementById("abc").options;
for (var i = 0, j = options.length; i < j; i++) {
    if (options[i].value == "1") {
        alert(options[i].text);
    }
}

在value和text属性都可以在HTMLOptionElement每DOM 2级.

(演示)

UPDATE
更新了带有组合文本的演示,参见 评论:

var options = document.getElementById("abc").options,
    text = "";

for (var i = 0, j = options.length; i < j; i++) {
    if (options[i].value == "1") {
        text += options[i].text;
    }
}