Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有文本的下拉菜单_Javascript_Html_Forms - Fatal编程技术网

Javascript 带有文本的下拉菜单

Javascript 带有文本的下拉菜单,javascript,html,forms,Javascript,Html,Forms,基本上,我正在寻找一个下拉菜单,你会点击一个选项,它会显示一个表格。如果您查看下面的链接,它将显示代码和工作预览(某种程度上)。基本上,我的问题是,它只适用于前2个选项,而不适用于任何其他选项。前两个,它工作得很完美。希望你能明白我的意思。任何帮助都将不胜感激 功能显示(obj、id1、id2){ txt=obj.options[obj.selectedIndex]。值; document.getElementById(id1.style.display='none'; document.g

基本上,我正在寻找一个下拉菜单,你会点击一个选项,它会显示一个表格。如果您查看下面的链接,它将显示代码和工作预览(某种程度上)。基本上,我的问题是,它只适用于前2个选项,而不适用于任何其他选项。前两个,它工作得很完美。希望你能明白我的意思。任何帮助都将不胜感激

功能显示(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表的外观,并将其与您的进行比较。这比你想象的要容易。