使用jQuery獲取下拉菜單項的選定值


Answers

var value = $('#dropDownId:selected').text()

應該工作正常,看到這個例子:

$(document).ready(function(){ 
  $('#button1').click(function(){ 
    alert($('#combo :selected').text());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  <option value="1">Test 1</option>
  <option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />

Question

我怎樣才能得到使用jQuery下拉框選定的值?
我試過使用

var value = $('#dropDownId').val();

var value = $('select#dropDownId option:selected').val();

但都返回一個空字符串。




嘗試這個

$("#yourDropdown option:selected").text();



又一個測試的例子:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $('#bonus').change(function() {
    alert($("#bonus option:selected").text());
  });  
});
</script>
</head>

<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>



這將提醒選定的值。 JQuery代碼...

$(document).ready(function () {

        $("#myDropDown").change(function (event) {
            alert("You have Selected  :: "+$(this).val());
        });
    });

HTML代碼...

<select id="myDropDown">
        <option>Milk</option>
        <option>Egg</option>
        <option>Bread</option>
        <option>Fruits</option>
    </select>



試試這個,它得到的價值是:

$('select#myField').find('option:selected').val();




html中的下拉控件生成的id將是動態的。 因此,使用完整的id $('ct100_<Your control id>').val(). 它會工作。




使用

$('#dropDownId').find('option:selected').val()

這應該工作:)




我知道這是舊的,但我雖然我更新與更新的答案

$( document ).on( 'change', '#combo', function () {
var prepMin= $("#combo option:selected").val();
 alert(prepMin);
});

我希望這有幫助




使用這些代碼之一

$('#dropDownId :selected').text();

要么

$('#dropDownId').text();



對於選定的文本使用:

value: $('#dropDownId :selected').text();

對於選定的值使用:

value: $('#dropDownId').val();



只要使用這個

$('#select_id:selected').text();



你需要像這樣。

$('[id$=dropDownId] option:selected').val();



嘗試這個:

 $('#dropDownId option').filter(':selected').text();     

 $('#dropDownId option').filter(':selected').val();