SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
Beispiel:HTML select-Element4.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<script>
'use strict';
document.addEventListener('DOMContentLoaded', function () {
document.Testform.Pizza.addEventListener('change', CheckAuswahl);
function CheckAuswahl () {
var menu = document.Testform.Pizza;
document.querySelector('output').innerHTML = menu.options[menu.selectedIndex].value;
}
});
</script>
<style>
output {
font-family: courier;
font-size: 2em;
color: #c32e04;
}
</style>
<title>select-Menu mit value</title>
</head>
<body>
<h1>select-Menu mit value</h1>
<form name="Testform">
<label>Bitte wählen Sie Ihre Pizza-Bestellung:
<select name="Pizza" size="9">
<option value="P101">Pizza Napoli</option>
<option value="P102">Pizza Funghi</option>
<option value="P103">Pizza Mare</option>
<option value="P104">Pizza Tonno</option>
<option value="P105">Pizza Mexicana</option>
<option value="P106">Pizza Regina</option>
<option value="P107">Pizza della Casa</option>
<option value="P108">Pizza Calzone</option>
<option value="P109">Pizza con tutto</option>
</select>
</label>
</form>
<p><output> </output></p>
</body>
</html>
