Verkrijg geselecteerde waarde/tekst van Selecteer bij wijziging

<select onchange="test()" id="select_id">
    <option value="0">-Select-</option>
    <option value="1">Communication</option>
</select>

Ik moet de waarde van de geselecteerde optie in javascript krijgen: weet iemand hoe ik de geselecteerde waarde of tekst kan krijgen, vertel alsjeblieft hoe ik daar een functie voor moet schrijven. Ik heb de functie onchange() toegewezen aan select, dus wat moet ik daarna doen?

Gebruik hiervoor JavaScript of jQuery.

Gebruik JavaScript

<script>
function val() {
    d = document.getElementById("select_id").value;
    alert(d);
}
</script>

<select onchange="val()" id="select_id">

Gebruik jQuery

$('#select_id').change(function(){
    alert($(this).val());
})
Commentaren (6)

Gebruik

document.getElementById("select_id").selectedIndex

Of om de waarde te krijgen:

document.getElementById("select_id").value
Commentaren (1)

<script>
function test(a) {
    var x = a.selectedIndex;
    alert(x);
}
</script>
<select onchange="test(this)" id="select_id">
    -Select-
    Communication
    Communication
    Communication
Commentaren (0)