您必須編寫一個函數,根據用戶選擇的內容「顯示」表單的相應部分。例如,如果選擇'比薩',則應該顯示帶有關於比薩類型問題的div#section2。下拉列表 - 單擊選項時顯示div
這是HTML代碼
<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>
我將如何編寫JavaScript函數,這樣,當我點擊選項比薩餅,它會顯示第2節的一部分嗎?我是一個完整的JavaScript新手,所以任何幫助都會很棒。
非常感謝,演示非常適合查看JavaScript的佈局和Web文檔的外觀。 –
我還有一個問題,並想知道你是否可以幫助我。我還需要在JavaScript控制檯中顯示一條消息,指出選擇了哪種食物類型。給出的一個提示是使用console.log(「」)) –
將'console.log(select.value);'添加到函數中。 – iambriansreed