如何從jQuery中的下拉列表中獲取選定的值？

Question

我想通過jQuery將下拉列表的值提取到標籤中。 我正在使用此代碼

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

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

}); 

Answer 1

嘗試

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

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

}); 

Answer 2

標籤沒有值屬性。利用自己的innerHTML，並將其綁定到change事件：

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

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

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() { 
     alert($(this).val()); 
    }); 

使用change功能

Answer 5

試試這個，

注：HTML元素標籤沒有因此value屬性使用.html()或.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

try代碼：

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