我有一个下拉菜单,有两个选项:
<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
曾经是'无',然后我把它改为内联。如果任何人可以帮助请这样做。
2条答案
按热度按时间brjng4g31#
这是一个small demo,只有在选择 Ice Cream 时才会显示口味
<select>
。如果用户选择 Juice,则应易于执行此操作以显示不同的
<select>
。**编辑:**如果您想要所选的 value,您可以使用
types.options[types.selectedIndex].text
,通过我的演示中的变量获得它。8oomwypt2#
这是你想做的。