Witam.

Szczerze to aż mi wstyd, że nie wiem jak to zrobić, ale trudno. Mam dość banalny problem.
Otóż przyjmijmy, że mamy listę rozwijaną:

[HTML] pobierz, plaintext 
<select id="lista">
	<option value="5">abc</option>
	<option value="8">def</option>
	<option value="15">ghi</option>
	<option value="37">jkl</option>
</select>
[HTML] pobierz, plaintext 

Teraz muszę się odwołać przez JS do VALUE (tego co mam między "", nie między znacznikami <option></option>) elementu, który wcześniej wybiorę.
Kombinowałem ale nie działa.

[HTML] pobierz, plaintext 
document.getElementById('lista').value
[HTML] pobierz, plaintext 

Wyświetla właśnie to, co jest między znacznikami <option> i </option>, a to mi nie jest potrzebne.

[HTML] pobierz, plaintext 
document.getElementById('lista').options[this.selectedIndex].value
[HTML] pobierz, plaintext 

To nie działa wcale.
Bardzo przydałaby się pomoc, z góry dzięki.
Jestem otwarty na jQuery, korzystam z tego i rozwiązanie na tym oparte też będzie dobre.

Jeśli jQuery to taki zapis:

[JAVASCRIPT] pobierz, plaintext 
$("#lista").val()
[JAVASCRIPT] pobierz, plaintext 

musi zadziałać.

Przetestuj sobie to kodem:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
  $("#lista").change(function(){
  alert( $("#lista").val() );
  });
});
// Albo
$(document).ready(function(){
  $("#lista").change(function(){
  alert( $(this).val() );
  });
});
[JAVASCRIPT] pobierz, plaintext 

Problemu nie ma, literówka ;/ ale dzięki za pomoc

Ja stosuję taki zapis (oczywiście podane przez gargamel też działają)

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $("#lista").change(function(){
        alert( $(':selected',this).val() );
    });
});
[JAVASCRIPT] pobierz, plaintext