jquery - jQueryのドロップダウンリストから選択した値を取得するには?

Question

jQueryでドロップダウンリストの値をラベルに取得したい。私はこのコードで試していました

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

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

});

Answer 1

ラベルには値属性がありません。changeinnerHTML を使用して、イベントにバインドします。

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

実際のデモ: http://jsfiddle.net/VUQFB/

Answer 2

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

変更機能を使う

Answer 3

コードを試してください：

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

Answer 4

$(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 5

試す

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

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

});

Answer 6

これを試して、

注: 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>