您必须编写一个函数,根据用户选择的内容“显示”表单的相应部分。例如,如果选择'比萨',则应该显示带有关于比萨类型问题的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