Ottieni il valore corrente selezionato nel menu a discesa utilizzando jQuery

Question

Ho una serie di caselle a discesa generate dinamicamente sulla mia pagina. fondamentalmente li ho clonati usando jQuery. ora voglio catturare il valore selezionato su ogni menu a discesa sull'evento di modifica.

Ho provato qualcosa del genere che non ha funzionato.

$('._someDropDown').live('change', function(e) { 
      //debugger; 
      var v = $(this); 
      alert($(this + ':selected').val()); 
      alert($(this).val()); 
     }); 

Come posso fare?

Answer 1

Questo è quello che ti serve :)

$('._someDropDown').live('change', function(e) { 
    console.log(e.target.options[e.target.selectedIndex].text); 
}); 

Per nuovo jQuery utilizzare on

$(document).on('change', '._someDropDown', function(e) { 
    console.log(this.options[e.target.selectedIndex].text); 
}); 

Answer 2

Si può provare:

$("._someDropDown").val(); 

Answer 3

provare questo ...

$("#yourdropdownid option:selected").val(); 

Answer 4

Per ottenere il valore di un elemento a discesa (seleziona), utilizzare solo val().

$('._someDropDown').live('change', function(e) { 
    alert($(this).val()); 
}); 

Se si desidera il testo dell'opzione selezionata, utilizzando questo:

$('._someDropDown').live('change', function(e) { 
    alert($('[value=' + $(this).val() + ']', this).text()); 
}); 

Answer 5

Check it out ->

Per ottenere il testo

$("#selme").change(function(){ 
$(this[this.selectedIndex]).text(); 
}); 

Per ottenere valore

$("#selme").change(function(){ 
$(this[this.selectedIndex]).val(); 
}); 

Answer 6

Per ottenere il testo dell'opzione selezionata

$("#your_select :selected").text(); 

per ottenere il valore dell'opzione selezionata

$("#your_select").val(); 

Answer 7

Le opzioni di cui sopra non funzionano perché non fanno parte della specifica CSS (è l'estensione jQuery). Dopo aver trascorso 2-3 giorni a scavare intorno per informazioni, ho scoperto che l'unico modo per selezionare il testo dell'opzione selezionata dal menu a tendina IS:

{ $("select", id:"Some_ID").find("option[selected='selected']")} 

Fare riferimento alle note aggiuntive di seguito: Perché: selezionato è un L'estensione jQuery non fa parte della specifica CSS, le query che utilizzano: selezionato non possono sfruttare l'aumento di prestazioni fornito dal metodo DOM querySelectorAll() nativo. Per ottenere le migliori prestazioni durante l'utilizzo: selezionato per selezionare gli elementi, selezionare prima gli elementi utilizzando un selettore puro CSS, quindi utilizzare .filter(":selected").(Copiato da: http://api.jquery.com/selected-selector/)

Answer 8

$("#citiesList").change(function() { 
    alert($("#citiesList option:selected").text()); 
    alert($("#citiesList option:selected").val());    
}); 

citiesList è id del tag select

Answer 9

Questo è in realtà più efficiente e ha una migliore leggibilità a mio parere, se si desidera accedere al vostro selezionare con questo o un'altra variabile

$('#select').find('option:selected') 

Infatti, se ricordo male phpStorm tenterà di correggere automaticamente l'altro metodo.

Answer 10

Nel caso in cui si desideri l'indice del valore selezionato corrente.

$selIndex = $("select#myselectid").prop('selectedIndex'));