Javascript 基于单击切换不同的变量_Javascript_Html_Iframe

Javascript 基于单击切换不同的变量

javascript html iframe

Javascript 基于单击切换不同的变量,javascript,html,iframe,Javascript,Html,Iframe,我有两个功能，一个是 var tag = document.getElementById('tag'); map.onchange = function() { tag.innerHTML = maps[this.value][1]; } 另一个是 var tag2 = document.getElementById('tag2'); map.onchange = function() { tag2.innerHTML = maps[this.value][2]; } 我还有两个链接 &

我有两个功能，一个是

var tag = document.getElementById('tag');
map.onchange = function() {
tag.innerHTML = maps[this.value][1];
}

另一个是

var tag2 = document.getElementById('tag2');
map.onchange = function() {
  tag2.innerHTML = maps[this.value][2];
}

我还有两个链接

<a href="#" >iframe option one</div></a> | <a href="#">iframe option two</a>

我希望标准文本自动成为第一个函数。然后当我点击第二个链接。它将关闭第一个功能，打开第二个功能。我知道发生了什么事。我只是不知道如何实现它。我不想用JQuery来做这件事。多谢各位

<!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];
        Entry.value = i;
        map.add(Entry, null);
    }
var tag = document.getElementById('tag');
map.onchange = function() {
tag.innerHTML = maps[this.value][1];
tag.innerHTML = maps[this.value][2];
}
}
</script>
</head>
<body>
<form>
    <select name="complaintType" id="complaintType">
    <option value="">Select One</option>
    </select>
</form>
<a href="#">Option 1</a> | <a href="#">Option 2</a>
<div id="tag"></div>
</body>
</html>

为两个链接提供一个ID：

<a href="#" id="iframe1">iframe option one</a> | <a href="#" id="iframe2">iframe option two</a>

第一次加载时添加端点：

var tag = document.getElementById('tag');
map.onchange = function () {
     tag.innerHTML = maps[this.value][1];
 }

这没有道理。您正在覆盖您的函数。如果要单独调用变量，则需要将函数分配给变量。此外，您尚未指定单击事件。所以按下任何一个链接都不会起任何作用。谢谢，但即使在JSF中，它也不起作用。我要寻找的是，当我从下拉框中单击所需的选项时，默认情况下，它会显示第一个链接显示第二列的信息。然后，如果单击第二个链接，它将隐藏当前显示的信息，并在第三列中显示信息。如果我决定返回到第一个链接，它将再次显示所选选项的第1列。当然，非常感谢您尝试帮助我，尽管我非常感谢。

var tag = document.getElementById('tag');
map.onchange = function () {
     tag.innerHTML = maps[this.value][1];
 }