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

Answer 2

看看这种可能性 - 使用focus事件获取上一个选定选项的值：

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

更新小提琴：http://jsfiddle.net/5bjrtfzc/4/

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

2 个答案: