PHP-Code in affenschwanz/01_step/keep_input_alive_select.php
<?php
// Array für die Ausgabe des Selects
// Das braucht es in jedem @-Durchgang
// Der Key wird zum Wert des value-Attributs
// Der Value wird zum Text der Optionen
$landArr = [
'noop' => 'Bitte wählen',
'ch' => 'Schweiz',
'de' => 'Deutschland',
'li' => 'Liechtenstein'
];
// Checke, ob der Submit-Button geklickt wurde
if (isset($_POST['go'])) {
echo "<pre>";
print_r($_POST);
echo "</pre>";
$feedback = "<div class=\"feedback_positive\">";
$feedback .= "Das Formular wurde verschickt.<br>";
// Select mit Land: Ist die erste Option gewählt?
if ($_POST['land'] == "noop") {
$feedback .= "Es wurde <strong>kein</strong> Land ausgewählt.";
}
else {
$feedback .= "Es wurde ".$landArr[$_POST['land']]." gewählt.";
}
$selectValue = $_POST['land'];
$feedback .= "</div>\n";
}
else {
// Erster @-Durchgang
$feedback = "<div class=\"feedback_negative\">";
$feedback .= "Das Formular wurde noch nicht verschickt. Klicke den Submit-Button!";
$feedback .= "</div>\n";
// Die erste Option wird selektiert
$selectValue = "noop";
}
?>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Keep User Input Alive II - Select</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/styles.css">
<link rel="stylesheet" href="/css/formstyles.css">
</head>
<body style="font-family: 'Roboto', sans-serif; font-size: 16px;">
<div id="container">
<h1>Keep User Input Alive II - Select</h1>
<p>Beispiel mit <code><select></code>: Dieser wird komplett aus einem Array zusammengebaut. Dies vereinfacht die Ausgabe des <code>selected</code>-Attributs bei der zuvor gewählten Option.</p>
<?=$feedback?>
<form action="" method="post">
<div class="form_control">
<label for="land">Land</label>
<select name="land" id="land">
<?php
// Ausgabe der <option>s mit value-Attribut
foreach ($landArr as $key => $value) {
echo "<option value=\"".$key."\"";
if ($key == $selectValue) {
echo " selected";
}
echo ">".$value."</option>\n";
}
?>
</select>
</div>
<div class="form_control">
<button type="submit" name="go" class="btn btn-blue">Verschicken</button>
</div>
</form>
</div>
</body>
</html>