javascript - 使用 jquery 获取文本字段的第一个 html 下拉值

Question

使用我当前的代码，我可以轻松获取使用 jquery 更改下拉列表时的 html 下拉值，但我没有获取在下拉列表中选择的默认值。

这是我尝试过的jquery

$("document").ready(function () {
    $("#dropval").change(function () {
        var selectedValue = $(this).val();
        $("#data").val($(this).find("option:selected").attr("value"));
        alert($("#dropval option:selected").text());
    });
});

我尝试了下面的代码 Alert($("#dropval option:selected").text()); 我没有收到警报 js fiddle link

有时简单的东西也不起作用:)

Answer 1

This取负载值:

<select name="drop" id="dropval">
    <option selected value="first">First</option>
    <option value="second">second</option>
</select>
<input type="text" id="data" />

$("document").ready(function () {
    $("#dropval").change(function () {
        var selectedValue = $(this).val();
        $("#data").val($("#dropval").find("option:selected").attr("value"));
        alert($("#dropval option:selected").text());
    });
    console.log($(this));
    $("#data").val($("#dropval").find("option:selected").attr("value"));
});

选项 2

JSFiddle

$("document").ready(function () {   
    $("#dropval").change(function () {
        var selectedValue = $(this).val();
        $("#data").val(selectedValue);
        alert($("#dropval option:selected").text());
    });
    $("#data").val($("#dropval").val());
});