1

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

私が望むのは、「Crimes VS Person」を選択すると、「CVPerson」という ID を持つ選択オプションのみが表示され、「CVHO」という ID を持つ選択オプションは表示されないということです。「犯罪VS道徳と秩序」を選んでも同じです。

やり方がわかりません。ヒントをお願いします。

4

1 に答える 1

0 
<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>​​​
于 2012-11-15T15:15:07.970 に答える