jquery - 如何从 jQuery 的下拉列表中获取选定的值？

Question

我想通过 jQuery 将下拉列表的值提取到标签中。我正在尝试使用此代码

$("#ddl").click(function () {

       var val = $("#ddl").val(); 
       $("#DDLValue").val(val);

});

Answer 1

标签没有值属性。使用他们的 innerHTML，并将其绑定到change事件：

$("#ddl").on('change',function () {
    $("#DDLValue").html($(this).val());
});

工作演示：http: //jsfiddle.net/VUQFB/

Answer 2

 $('#ddl').change(function() {
        alert($(this).val());
  });

使用更改功能

Answer 3

$(document).ready(function(){
$('#ddl').change(function(){
     $("#DDLValue").html($(this).val());
});
});

更新..如果您想要选定的文本而不是值，请使用

 $(document).ready(function(){
    $('#ddl').change(function(){
         $("#DDLValue").html($(this).find('option:selected').text());
    });
    });

或者如果您的选择框是动态生成的，请使用delegate

$(document).ready(function(){
    $('body').delegate('#ddl','change',function(){
        //stuff here
    });
    });

Answer 4

尝试

$("#ddl").change(function () {

       var val = $(this).val(); 
       $("#DDLValue").html(val);

});

Answer 5

试试这个，

注意：html 元素标签没有 value 属性，因此使用.html()or .text()。

jQuery代码

$(document).ready(function() {
   $('#ddl').change(function () {
    $('#DDLValue').text($(this).val());
   });
});

html代码

<select id="ddl" name="ddl">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
</select>​
<label id="DDLValue"></label>

Answer 6

尝试代码：

$("#ddl").change(function(){
             $('#DDLValue').val( $("#ddl option:selected").text() );
        });