如何根据下拉选择来选择数组的第一列
How do I select the first column of the array based on the drop down selection?
好吧,我认为把我搞砸的线路是23号
tag.innerHTML = maps[this.value][1];
但我一直在"SCRIPT5007:无法获取属性"1"的值:对象为null或未定义"在IE JS控制台中。它不显示任何
我也试过
tag.innerHTML = maps[0][1];
但所做的只是选择数组中的第一行,然后显示数组中的第二列,而不管选择如何。
我希望它选择用户选择的行的第二列。有什么帮助吗?这是完整的代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script>
window.onload=function(){
var maps = new Array();
maps[0] = ["Text A1", "Text A2", "Text A3"];
maps[1] = ["Text B1", "Text B2", "Text B3"];
maps[2] = ["Text C1", "Text C2", "Text C3"];
maps[3] = ["Text D1", "Text D2", "Text D3"];
maps[4] = ["Text E1", "Text E2", "Text E3"];
maps[5] = ["Text F1", "Text F2", "Text F3"];
var map = document.getElementById("complaintType");
for (i = 0; i < maps.length; i++) {
var Entry = document.createElement("option");
Entry.text = maps[i][0];
map.add(Entry, null);
}
var tag = document.getElementById('tag');
map.onchange = function () {
tag.innerHTML = maps[0][0];
}
}
</script>
</head>
<body>
<form>
<select name="complaintType" id="complaintType">
<option>Select One</option>
</select>
</form>
<div id="tag"></div>
<a href="#" >Link</a> | <a href="#">Link</a>
</body>
</html>
尝试更改为:
map.onchange = function () {
var tag = document.getElementById('tag');
if(map.selectedIndex != 0)
{
tag.innerHTML = maps[map.selectedIndex - 1][1];
}
else
{
tag.innerHTML = "";
}
}
如果您在循环中将每个条目的value
设置为i
,您将得到我相信您正在寻找的东西:
var maps = [
["Text A1", "Text A2", "Text A3"],
["Text B1", "Text B2", "Text B3"],
["Text C1", "Text C2", "Text C3"],
["Text D1", "Text D2", "Text D3"],
["Text E1", "Text E2", "Text E3"],
["Text F1", "Text F2", "Text F3"]
];
var map = document.getElementById("complaintType");
for (i = 0; i < maps.length; i++) {
var Entry = document.createElement("option");
Entry.text = maps[i][0];
Entry.value = i;
map.add(Entry, null);
}
var tag = document.getElementById('tag');
map.onchange = function() {
tag.innerHTML = maps[this.value][1];
}
<form>
<select name="complaintType" id="complaintType">
<option>Select One</option>
</select>
</form>
<div id="tag"></div>
<a href="#">Link</a> | <a href="#">Link</a>
相关文章:
- 柱状图后面的一列
- 数据表通过分析一列的值对其进行排序
- Datatables-如何在未显示所有列的情况下禁用表中最后一列的排序
- 获取表中每行的一列的内容,然后循环访问每个内容
- 对象数组-与其他列数据相比,增加一列
- 如何从三张图片中选择一张?其余的必须是看不见的
- 在最初的查询/表格绘制中只提取谷歌电子表格的一列
- jQuery Datatables:单击一列时对另一列进行排序
- 我的砖石图像只显示在一列中
- 删除“;使用javascript从pentaho中的一列中选择“[”
- 使用 Javascript 在一列中更改属性内容
- jquery插件 - 已选择 - 多项选择不在一行中列出,而是列在一列中
- 排除行选择中的最后一列
- 在下拉 jQuery 菜单中将鼠标悬停在一列上时,如何只选择一列
- 如何选择 HTML 表中一列的所有复选框
- 如何通过输入类型在一列中选择一个相同名称的值,然后提交按钮
- Javascript:在HTML表中,如何从一列中选择部分文本(匹配一些正则表达式),并将其移动到下一列
- 使用javascript选择一行中除RadGrid中的一列外的所有列
- 如何选择表中所有行的最后一列
- 在jquery数据表的某一列中,行单击时进行行选择,而在超链接单击时不进行行选择