Выпадающий список - отображать div при выборе опции
Вы должны написать функцию, которая "показывает" соответствующая часть формы в зависимости от того, что выбрал пользователь. Например, если «пицца»; выбран div # section2 с вопросом о типе пиццы.
Это часть HTML-кода
<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>
Как бы я написал функцию javascript, чтобы при щелчке по опции «пицца» отображался раздел 2? Я новичок в JavaScript, поэтому любая помощь будет отличной.