选择中的JavaScript选择

gr8qqesn  于 2023-01-16  发布在  Java
关注(0)|答案(2)|浏览(168)

我有一个下拉菜单,有两个选项:

<select name="chs" value="" id = ""/>
                <option value="">ICE Cream</option>
                <option value="">Juice</option>
</select>

这就是我想要的在第一页你看到一个选择,有两个选项,如果你选择冰淇淋另一个选择将出现不同的口味(巧克力,香草等),和相同的果汁。
这是我已经有的
网页:

<label>Choose Skin</label><br /><select name="na" value="" id = ""/>
            <option value="">ICE Cream</option>
            <option value="">Juice</option>
        </select>
        <select name="icecreamfla" value="" onchange="showSelect()" id = "framework"/>
            <option id="jm">vanilla</option>
            <option id = "wp">chocholate</option>
        </select>
        <input type="submit" name = "redirect" value="go" />

此时将显示JavaScript:

function showSelect()
    {
        var select = document.getElementById('skin');
         if(select.value == "juice"){
            alert('saeed khare!');
         }
         else{
            var option = document.getElementById('icecreamfla');
            option.style.display = 'inline';
         }
    }

option.style.display曾经是'无',然后我把它改为内联。如果任何人可以帮助请这样做。

brjng4g3

brjng4g31#

这是一个small demo,只有在选择 Ice Cream 时才会显示口味<select>
如果用户选择 Juice,则应易于执行此操作以显示不同的<select>

**编辑:**如果您想要所选的 value,您可以使用types.options[types.selectedIndex].text,通过我的演示中的变量获得它。

8oomwypt

8oomwypt2#

这是你想做的。

<script language='javascript'>

            function showSelect()
            {
               var select = document.getElementById('skin').value;
               if(select == "ICE Cream"){
             var str="<select name='icecreamfla' value=''  id = 'icecreamfla'/>"
                   +"<option id='jm'>vanilla</option>"+
                    "<option id ='wp'>chocholate</option> </select>";
                     document.getElementById("flavour").innerHTML=str;   

                                      }
            }
<label>Choose Skin</label><br /><select name="na" value="" id = "skin" onchange="showSelect()">
        <option value="ICE Cream">ICE Cream</option>
        <option value="Juice">Juice</option>
    </select>
    <div id="flavour"></div>

    <input type="submit" name = "redirect" value="go" />

相关问题