Ottieni il valore selezionato dell'elemento di un menu a discesa usando jQuery



14 Answers

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

Dovrebbe funzionare bene, vedere questo esempio:

$(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!" />

jquery

Come posso ottenere il valore selezionato di una casella a cascata usando jQuery?
Ho provato a usare

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

e

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

ma entrambi restituiscono una stringa vuota.




prova questo

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



Ancora un altro esempio testato:

<!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>



questo farà il trucco

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



Per il testo selezionato utilizzare:

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

Per l'utilizzo del valore selezionato:

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



L' id generato per il controllo a discesa html sarà dinamico. Quindi usa l'id completo $('ct100_<Your control id>').val(). Funzionerà.




uso

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

Questo dovrebbe funzionare :)




So che questo è vecchio, ma io aggiorno questo con una risposta più aggiornata

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

spero che questo possa essere d'aiuto




utilizzare uno di questi codici

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

O

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



$("#selector <b>></b> option:selected").val()

O

$("#selector <b>></b> option:selected").text()

I codici sopra hanno funzionato bene per me




Puoi usare uno di questi:

$(document).on('change', 'select#dropDownId', function(){

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

            //OR

            var value = $(this).val();

});



Prova questo:

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

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



Puoi farlo usando il seguente codice.

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

Se si desidera ottenere il valore selezionato dalle opzioni della lista di selezione. Questo farà il trucco.

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



questo dovrebbe funzionare per te

  $("#dropDownId").on('change',function(){
     var value=$(this).val();
     alert(value);
  });



Related


Tags

jquery