Javascript Java脚本或php选项框

我试图创造一种形式，在那里可以选择花或动物。如果有人选择花，颜色选项（红色、黄色和蓝色）将出现。如果有人选择动物，则会出现动物选项（猫、狗和鸟）。在选择主选项之前，次选项将不可见。 如何用php或javascript编写代码？ 提前感谢。

<!--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>

花

动物

红色
黄色的
蓝色
猫
狗
鸟
功能显示第二个选项（数据）
{
如果（数据==“花”）
{
document.getElementById（'show_flower'）.style.display='block'；
document.getElementById（'show_animal'）.style.display='none'；
}
其他的
{
document.getElementById（'show_flower'）.style.display='none'；
document.getElementById（'show_animal'）.style.display='block'；
}
}

发布代码最简单的方法是使用JAVASCRIPT，而不是Java。我想你指的是JAVASCRIPT，而不是Java。最好的方法是使用JQuery之类的Javascript库。这将避免大量额外的服务器流量。java！=javascript。删除标记看看这个，它将帮助您

http://www.cssscript.com/generic-country-state-dropdown-list-countries-js/

虽然此代码可以回答此问题，但提供有关此代码为什么和/或如何回答此问题的其他上下文将提高其长期价值。非常感谢。我真的很感激。