JavaScript在Select中选择

我有一个下拉菜单，有两个选项

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

option.style.display以前是'none'，然后我将其更改为inline。 如果有人能帮忙的话，请做。

这里有一个只有在选择冰淇淋时才会出现的味道

如果用户选择Juice，则实现此功能以显示不同的

，应该很容易

---

编辑：如果需要所选值，可以使用

types.options[types.selectedIndex].text

使用我的演示中的变量获取它。

这就是您想要的

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

                                      }
            }

函数showSelect（）
{
var select=document.getElementById（'skin'）。值；
如果（选择==“冰淇淋”）{
var str=“”
+“香草”+
“巧克力”；
document.getElementById（“Flavor”）.innerHTML=str；
}
}

选择皮肤

冰淇淋
果汁

基本思想是您选择一个选项，如果您在该选项上选择了任何内容，根据您选择的内容，另一个选项将显示不同的选项。因此，如果您在第一个选择中选择冰淇淋，第二个选择将自动出现。在这种情况下，您可以选择不同的口味。谢谢你的提醒，我会处理的。@Saeed你的HTML有问题。您正在关闭开始标记上的

元素<代码>是正确的标记。

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

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