相当于 jquery 代码的 javascript

Question

有人可以帮助什么是下面的 jquery 行的 javascript 等价物。

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

abc是选择框的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。

( demo )

---

更新
Updated demo结合文本，cf。评论:

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;
    }
}