Pobierz bieżącą wartość wybraną w menu rozwijanym przy użyciu jQuery

Question

Mam zestaw dynamicznie generowanych skrzynek rozwijanych na mojej stronie. w zasadzie klonuję je za pomocą jQuery. teraz chcę przechwycić wartość wybraną na każdym liście rozwijanym w przypadku zmiany.

Próbowałem czegoś takiego, co nie działało.

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

Jak mogę to zrobić?

Answer 1

To co trzeba :)

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

Dla nowych jQuery używać on

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

Answer 2

Można spróbować:

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

Answer 3

spróbować ...

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

Answer 4

Aby uzyskać wartość rozwijanego (wybierz) element, wystarczy użyć val().

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

Jeśli chcesz tekście wybranej opcji, wykorzystując w ten sposób:

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

Answer 5

to sprawdzić ->

Uzyskania tekstu

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

Dla uzyskania wartości

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

Answer 6

Aby uzyskać tekst o wybranej opcji

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

Aby uzyskać wartość wybranej opcji

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

Answer 7

Omówione powyżej opcje nie będą działać ponieważ nie są one częścią specyfikacji CSS (jest to rozszerzenie jQuery). Spędziwszy 2-3 dni kopanie wokół informacji, okazało się, że jedynym sposobem, aby zaznaczyć tekst wybranej opcji z listy rozwijanej brzmi:

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

odsyłają do pozostałych notach poniżej: Ponieważ: wybrany jest Rozszerzenie jQuery i nie będące częścią specyfikacji CSS, zapytania używające: selected nie mogą wykorzystać zwiększenia wydajności zapewnianego przez natywną metodę DOM querySelectorAll(). Aby uzyskać najlepszą wydajność podczas używania: wybrana do wybrania elementów, najpierw wybierz elementy za pomocą czystego selektora CSS, a następnie użyj .filter(":selected").(Skopiowane z: http://api.jquery.com/selected-selector/)

Answer 8

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

citiesList jest id wybierz tag

Answer 9

To jest rzeczywiście bardziej wydajny i ma lepszą czytelność moim zdaniem, jeśli chcesz uzyskać dostęp do Twojego wybierz z to lub innej zmiennej

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

W rzeczywistości, jeśli dobrze pamiętam, phpStorm spróbuje automatycznie poprawić drugą metodę.

Answer 10

Jeśli chcesz uzyskać indeks aktualnie wybranej wartości.

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