javascript - 用 JS 获取选项标签的值

Question

我需要使用 javascript 从使用我下载的这个 jq 插件创建的选择中获取选项标签的值。

$(document).ready(function() {
    $("<select />").appendTo("#menu");

    $("<option />", {
        "selected": "selected",
        "value": "",
        "text": "Ir a...",
    }).appendTo("#menu select");


    $("#menu li a").each(function() {
        var el = $(this);
        $("<option/>",{
            "value": el.attr("href"),
            "text": el.text()
        }).appendTo("#menu select");

    });

    $("#menu select").change(function(){
        window.location = $(this).find("option:selected").val();
    });

});

Answer 1

假设您有一些这样的 html 代码：

<select id="title">
  <option value="1">Mr</option>
  <option value="2">Mrs</option>
  <option value="3">Miss</option>
</select>

现在用户已经选择了第二个选项：Mrs. 获取值（在本例中为“2”）：

$("select#title").val();

要获取所选选项的文本（在本例中为“夫人”）：

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