下拉菜单显示 隐藏html,根据在下拉列表中选择的内容隐藏和显示HTML元素
我的網(wǎng)站是在ASP classic - VBScript中創(chuàng)建的(不是我的選擇,也是我之前沒有過(guò)的語(yǔ)言)。我試圖在其中創(chuàng)建一個(gè)網(wǎng)頁(yè):下拉菜單顯示了基于第一個(gè)選擇內(nèi)容的額外下拉菜單。我正在嘗試使用JavaScript函數(shù)來(lái)實(shí)現(xiàn)這一點(diǎn)。根據(jù)在下拉列表中選擇的內(nèi)容隱藏和顯示HTML元素
實(shí)施例:
在用戶選擇冰淇淋或薯片第一下拉。 根據(jù)用戶選擇的另一個(gè)下拉菜單選擇風(fēng)味。
冰淇淋:香草,巧克力,薄荷。
薯片:準(zhǔn)備好鹽漬,奶酪&洋蔥,鹽&醋。
這是我的代碼目前的樣子:
HTML
Choose an item
Ice cream
Crisps
Vanilla
Chocolate
Mint
Ready Salted
Cheese and Onion
Salt and Vinegar
。
的JavaScript
function fctCheck(food)
{
if (food == "")
{document.getElementById(food).style.display = "none";}
else
{document.getElementById(food).style.display = "block";}
}
2013-11-01
Qui
總結(jié)
以上是生活随笔為你收集整理的下拉菜单显示 隐藏html,根据在下拉列表中选择的内容隐藏和显示HTML元素的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: html中透明度怎么写,css中控制透明
- 下一篇: 控制html页面在浏览器显示比例,判断浏