Javascript 带有文本的下拉菜单
基本上,我正在寻找一个下拉菜单,你会点击一个选项,它会显示一个表格。如果您查看下面的链接,它将显示代码和工作预览(某种程度上)。基本上,我的问题是,它只适用于前2个选项,而不适用于任何其他选项。前两个,它工作得很完美。希望你能明白我的意思。任何帮助都将不胜感激Javascript 带有文本的下拉菜单,javascript,html,forms,Javascript,Html,Forms,基本上,我正在寻找一个下拉菜单,你会点击一个选项,它会显示一个表格。如果您查看下面的链接,它将显示代码和工作预览(某种程度上)。基本上,我的问题是,它只适用于前2个选项,而不适用于任何其他选项。前两个,它工作得很完美。希望你能明白我的意思。任何帮助都将不胜感激 功能显示(obj、id1、id2){ txt=obj.options[obj.selectedIndex]。值; document.getElementById(id1.style.display='none'; document.g
功能显示(obj、id1、id2){
txt=obj.options[obj.selectedIndex]。值;
document.getElementById(id1.style.display='none';
document.getElementById(id2.style.display='none';
if(txt.match(id1)){
document.getElementById(id1.style.display='block';
}
if(txt.match(id2)){
document.getElementById(id2.style.display='block';
}
}
表格{
字体系列:arial,无衬线;
边界塌陷:塌陷;
宽度:100%;
}
td,th{
边框:1px实心#dddddd;
文本对齐:左对齐;
填充:6px;
}
起始位置:
请选择:
沃灵顿立交桥
交叉场
旧利物浦路
彭克道
库尔德利十字车站
霍尔顿视图
维德内斯绿橡树
目的地
成年单身
成人回归
独生子女
儿童报税表
交叉场
£1.80
£3.00
不适用
不适用
香港旧利物浦道
£1.80
£3.00
不适用
不适用
彭克道
£2.30
£4.00
不适用
不适用
柯德利十字
£2.80
£4.00
不适用
不适用
霍尔顿视图
£2.80
£4.00
不适用
不适用
维德内斯绿橡树
£3.30
£4.80
不适用
不适用
目的地
成年单身
成人回归
独生子女
儿童报税表
交叉场
£1.80
£3.00
不适用
不适用
香港旧利物浦道
£1.80
£3.00
不适用
不适用
彭克道
£2.30
£4.00
不适用
不适用
柯德利十字
£2.80
£4.00
不适用
不适用
霍尔顿视图
£2.80
£4.00
不适用
不适用
维德内斯绿橡树
£3.30
£4.80
不适用
不适用
目的地
成年单身
成人回归
独生子女
儿童报税表
交叉场
£1.80
£3.00
不适用
不适用
香港旧利物浦道
£1.80
£3.00
不适用
不适用
彭克道
£2.30
£4.00
不适用
不适用
柯德利十字
£2.80
£4.00
不适用
不适用
霍尔顿视图
£2.80
£4.00
不适用
不适用
维德内斯绿橡树
£3.30
£4.80
不适用
不适用
一些
-标记是多余的,这意味着您可能对HTML而不是JavaScript有问题。我对代码不是很在行。老实说,我接受了一个免费提供的代码,并试图修改它以满足我的需要,当然,它还没有成功。您知道HTML问题可能在哪里吗?请查看HTML表的外观,并将其与您的进行比较。这比你想象的要容易。