获得选择选项的值，然后输出另一个选择选项

问题描述：

我新的AJAX和PHP的，我有这样的代码：获得选择选项的值，然后输出另一个选择选项

<head> 
    <script type="text/javascript"> 
     function crimeselect(){ 
      var select = document.getElementById("crime").value; 
     } 
    </script> 
</head> 
<body> 
    <select name="crime" id="crime" onChange="crimeselect();"> 
     <option value="CVPerson">Crimes VS Person</option> 
     <option value="CVMO">Crimes VS Moral and Order</option> 
     </select> 

    <select id="CVPerson" onchange=""> 
     <option>Homicide</option> 
     <option>Kidnapping</option> 
    </select> 

    <select id="CVMO" onchange=""> 
     <option>Alarm and Scandal</option> 
     <option>Assault/Resistance to Authority</option> 
    </select> 
</body>

我要的是，当我选择“犯罪VS人”，选择带有“CVPerson”标识的选项只会出现，并且不会显示带有“CVHO”标识的选择选项。同样如果我选择“犯罪与道德与秩序”。

我不知道该怎么做。请提供任何提示。

*请在发布代码前阅读格式帮助。 –

请使用正确的标记编辑帖子以发布代码。 – shennan

你在正确的轨道上，你卡在哪里？您有要显示的ID，您只需显示该ID并隐藏其他（一个或多个）。这里有一个提示：使用'

答

<head> 
    <script type="text/javascript"> 
     function crimeselect(){ 

      document.getElementById(document.getElementById("crime").value).style.visibility = 'visible';   

     } 
    </script> 
</head> 
<body> 
    <select name="crime" id="crime" onChange="crimeselect();"> 
     <option value="CVPerson">Crimes VS Person</option> 
     <option value="CVMO">Crimes VS Moral and Order</option> 
     </select> 

    <select id="CVPerson" onchange="" style="visibility:hidden;"> 
     <option>Homicide</option> 
     <option>Kidnapping</option> 
    </select> 

    <select id="CVMO" onchange="" style="visibility:hidden;"> 
     <option>Alarm and Scandal</option> 
     <option>Assault/Resistance to Authority</option> 
    </select> 
</body>

获得选择选项的值，然后输出另一个选择选项

相关推荐