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

Question

I am new to AJAX and PHP, and I have this code: 我是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>

What I want is, when I choose "Crimes VS Person", the select option with an id of "CVPerson" would only be the one to appear and the select option with an id of "CVHO" would not be appeared. 我想要的是，当我选择“ Crimes VS Person”时，ID为“ CVPerson”的选择选项将仅出现，而ID为“ CVHO”的选择选项将不会出现。 Same also if i choose "Crimes VS Moral and Orders". 如果我选择“犯罪与道德与秩序”，也是如此。

I don't know how to do it. 我不知道该怎么做。 Any tips please. 请提供任何提示。

Answer 1

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

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

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-11-15 15:15:07

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

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-11-15 15:15:07

解决方案1
0 已采纳 2012-11-15 15:15:07