Dropdown-Liste - Div anzeigen, wenn Sie auf eine Option klicken

Sie müssen eine Funktion schreiben, die den entsprechenden Teil des Formulars anzeigt, je nachdem, was der Benutzer ausgewählt hat. Wenn beispielsweise 'Pizza' ausgewählt ist, sollte der Abschnitt div # section2 mit der Frage zum Pizzatyp angezeigt werden.

Dies ist Teil des HTML-Codes

<code><form id="survey" action="#" method="post">

<div id="section1">
    <label for="food">What is your favourite type of food?</label>
    <select id="food" onchange="selection()">
        <option value="pizza">Pizza</option>
        <option value="mex">Mexican</option>
        <option value="thai">Thai</option>
    </select>
</div>
<div id="section2">
    What is your favourite type of pizza?<br>
    <label for="hawaiian">Hawaiian</label><input type="radio" id="hawaiian">
    <label for="supreme">Supreme</label><input type="radio" id="supreme">
    <label for="vegetarian">Vegetarian</label><input type="radio" id="vegetarian">
</div>
</code>

Wie schreibe ich eine Javascript-Funktion, damit beim Klicken auf die Option Pizza Abschnitt 2 angezeigt wird? Ich bin ein absoluter Anfänger in Javascript, daher wäre jede Hilfe großartig.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage