jQuery: Select Wert auslesen
Weil ich öfters gefragt werde, hier mal ein kurzes Tutorial, wie ich den Wert des aktuell gewählten Wertes eines Selects mit jQuery auslesen kann. Eigentlich funktioniert das wie mit anderen Input-Feldern auch, nämlich mit der Funktion “val”. Angenommen, wir haben folgende Selectbox:
<select name="hersteller" id="hersteller">
<option value="">Hersteller<option>
<option value="1">Audi<option>
<option value="2">Opel<option>
<option value="3">Mercedes<option>
<option value="4">Volkswagen<option>
</select>
Den Wert der aktuell gewählten Option erhalten wir mit:
$('#hersteller').val();
Möchten wir den Text, also Inhalt der aktuell gewählten Option erhalten, geht dies über den zusätzlichen Selektor “:selected” und die Funktion “text”:
$('#hersteller :selected').text();
Auch das Auslesen von mehreren gewählten Select-Optionen/Werten ist mit dem Selektor “:selected” und einer each-Schleife möglich:
$('#hersteller :selected').each(function(i, option){
// hier können wir den Inhalt von "option" verwerten
});
Oder das Setzen einer Select-Option:
$('#hersteller').val("1");
Eigentlich alles ganz easy oder? jQuery macht Spass!
Als Webdesigner hat man oft ein Problem, wenn man die gerade neu erstellte Website in mehreren oder am Besten allen gängigen Browsern testen möchte. Entweder steht das entsprechende Betriebsystem nicht zur Verfügung (Windows, Mac, Linux) oder es lassen sich nicht mehrere Versionen des gleichen Browsers gleichzeitig installieren, wie es bei Internet Explorer der Fall ist. Abhilfe schaffen hier drei Tools:
