使用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. To获取值（在本例中为'2'）：

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

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

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