Geehrte Foren Gemeinde,
ich kämpfe gerade an einem JavaScript Problem. Konkret möchte ich in einem Formular einen Text einblenden, wenn zuvor zwei bestimmte Auswahlen getroffen wurden. Bisher habe ich es nur geschafft, dass dieser dynamische Text von einer Auwahl abhängig ist.
Code:
<html>
<head>
<script type="text/javascript">
function einblenden(){
var select = document.getElementById('select_getraenk').selectedIndex;
document.getElementById('bier').style.display = (select == 1? "block": "none");
}
</script>
</head>
<body onload="einblenden()">
<form>
<select id="select_getraenk" onchange="einblenden()">
<option value="">Getränk</option>
<option value="1">Bier</option>
<option value="2">Wein</option>
</select>
<select>
<option value="">Land</option>
<option value="1">Deutschland</option>
<option value="2">Frankreich</option>
</select>
<div id="bier" style="display: none;">
Dieser Text sollte nur sichtbar sein, wenn "Bier" und "Deutschland" ausgewählt wurden!
</div>
</form>
</body>
</html>
Ist es mit JS möglich, dass mein Beispieltext nur angezeit wird wenn zuvor "Bier" und "Deutschland" ausgewählt wurden?
Schöne Grüße, Schraubendreher