Получить выбранное значение элемента раскрывающегося списка с помощью jQuery

Question

Как получить выбранное значение раскрывающегося списка с помощью jQuery?
Я пытался использовать

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

и

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

, но оба возвращали пустую строку.

Answer 1

Попробуйте это, он получает значение:

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

Answer 2

использование

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

Это должно работать:)

Answer 3

id, сгенерированный для вашего выпадающего элемента управления в html, будет динамическим. Так что используйте полный идентификатор $('ct100_<Your control id>').val(). Это будет работать.

Answer 4

Или, если вы попробуете:

$("#foo").find("select[name=bar]").val();

Я использовал его сегодня, и он работает нормально.

Answer 5

	function fundrp(){
	var text_value = $("#drpboxid option:selected").text();  
	console.log(text_value);
	var val_text = $("#drpboxid option:selected").val();  
	console.log(val_text);
	var value_text = $("#drpboxid option:selected").attr("vlaue") ;
	console.log(value_text);
	var get_att_value = $("#drpboxid option:selected").attr("id") 
	console.log(get_att_value);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<select id="drpboxid">
	<option id="1_one" vlaue="one">one</option>
	<option id="2_two" vlaue="two">two</option>
	<option id="3_three" vlaue="three">three</option>              
</select>
<button id="btndrp" onclick="fundrp()">Tracking Report1234</button>

Answer 6

Чтобы получить значение jquery из выпадающего списка, просто используйте функцию ниже только что отправленную id и получите выбранное значение:

function getValue(id){
    var value = "";
    if($('#'+id)[0]!=undefined && $('#'+id)[0]!=null){
        for(var i=0;i<$('#'+id)[0].length;i++){
            if($('#'+id)[0][i].selected == true){
                if(value != ""){
                    value = value + ", ";
                }
                value = value + $('#'+id)[0][i].innerText;
            }
        }
    }
    return value;
}

Answer 7

Вы можете сделать это, используя следующий код.

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

Если вы хотите получить выбранное значение из опций списка выбора. Это поможет.

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

Answer 8

Я знаю, что это старый, но я обновляю его более современным ответом

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

Надеюсь, это поможет

Answer 9

$("select[id$=dropDownId]").val()

• попробуйте это

Answer 10

Вот что работает

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