Javascript 或 php 选项框 [关闭]

Question

我正在尝试创建一个可以选择花卉或动物的表单。如果有人选择花，将出现颜色选项（红色、黄色和蓝色）。如果有人选择了动物，则会出现动物选项（猫、狗和鸟）。在选择主要选项之前，次要选项将不​​可见。 如何在 php 或 javascript 中对其进行编码？ 提前致谢。

Answer 1

<!--For php we can use the HTML & javascript as front end Language...
so in Html-->

<input type="radio" name="option1" onclick="return show_second_option(this.value);" value="flower">Flower<br/>
<input type="radio" name="option1" onclick="return show_second_option(this.value);" value="animal">Animal<br/>

<div id='show_flower' style="display:none">
<input type="radio">red
<input type="radio">yellow
<input type="radio">blue
</div>


<div id='show_animal' style="display:none">
<input type="radio">cat
<input type="radio">dog
<input type="radio">bird
</div>

<!--In javascript-->
<script>
function show_second_option(data)
{
   if(data=="flower")
{
document.getElementById('show_flower').style.display='block';
document.getElementById('show_animal').style.display='none';
}
else
{
document.getElementById('show_flower').style.display='none';
document.getElementById('show_animal').style.display='block';
}
}
</script>