菜单联动问题
我的菜单数据都是写在几个js
a1.js
a1[0]=new array( 'a ', '6 ');
a1[1]=new array( 'b ', '9 ');
a6.js
a6[0]=new array( 'a60 ', '60 ');
a6[1]=new array( 'a61 ', '61 ');
我想在 选中 a1的值时 再导入 a6.js文件 目前我试演的结果是不成的
<script type= "text/JavaScript ">
function change(){
document.getElementById( 'divs ').innerHTML= " <script src=a6.js/> = " <script> addJstoSelect(document.getElementById( 'a6 '),a6); <\/script> "
}
</script>
<select id=a onchange= "change() "> </select>
<script>
while (sel.length > 1) {
sel.remove(sel.length - 1);
}
for (var i = 0; i < arr.length; i++) {
sel.options[i+1] = new Option(arr[i][0], arr[i][1]);
}
</script>
<div id= "divs "/>
<select id=a6> </select>
执行onchange时 报 a6未找到 请问如何才能 根据第一步的数据 自动的导入并获取第2个js文件的数据
[解决办法]
不明白什么意思
指出几个错误
a1 = new Array(); //a1应该实现定义
a1[0]=new Array( 'a ', '6 '); //Array大写A
a1[1]=new Array( 'b ', '9 ');
外部引用js应该是这样 <script src=a6.js> </script> 需要完整标记
[解决办法]
<html>
<head>
<title> Test Page </title>
<script type= "text/javascript ">
var h=document.getElementsByTagName( "head ")[0];
function loadScript(url){
var f=document.createElement( "script ");
f.type= "text/javascript ";
f.id=d;
f.src=url;
h.appendChild(f);
}
</script>
</head>
<body>
<button onclick= "loadScript( 'http://localhost/alert.js ') "> Test Alert </button> <br />
<button onclick= "loadScript( 'http://localhost/info.js ') "> Get My Info </button> <br />
</body>
</html>
[解决办法]
恕我直言，LZ 的代码一塌糊涂，有空儿多看看基础知识吧！
L@_@K，代码如下：
===========================================================
// a1.js
var a1 = new Array();
a1[0]=new Array( 'a ', '6 ');
a1[1]=new Array( 'b ', '9 ');
===========================================================
// a6.js
var a6 = new Array();
a6[0]=new Array( 'a60 ', '60 ');
a6[1]=new Array( 'a61 ', '61 ');
===========================================================
<html>
<head>
<title> new document </title>
<meta name= "generator " content= "editplus " />
<meta name= "author " content= "yixianggao " />
<meta name= "keywords " content= "JavaScript " />
<meta name= "description " content= "For CSDN " />
<script type= "text/javascript " src= "a1.js "> </script>
</head>
<body>
a <select id= "a ">
<option> 请选择 </option>
</select> <br />
a6 <select id= "a6 ">
<option> 请选择 </option>
</select>
</body>
<script type= "text/javascript ">
<!--
var sel = document.getElementById( "a ");
var sel2 = document.getElementById( "a6 ");
var arr = a1;
for (var i = 0; i < arr.length; i++) {
sel.options[i+1] = new Option(arr[i][0], arr[i][1]);
}
sel.onchange = function()
{
sel2.options.length = 1;
sel2.selectedIndex = 0;
if (this.selectedIndex > 0)
{
var arrayName = this.options[this.selectedIndex].text + this.value;
var strId = "js " + arrayName;
var strSrc = arrayName + ".js ";
var jsElement = document.getElementById(strId);
if (jsElement == null)
{
jsElement = document.documentElement.appendChild(document.createElement( 'script '));
jsElement.type= "text/javascript ";
jsElement.id = strId;
jsElement.src = strSrc;
}
else
{
//alert( "Has loaded " + strId + " script element. ");
}
try
{
var arr2 = eval(arrayName);
for (var i = 0; i < arr2.length; i++) {
sel2.options[i+1] = new Option(arr2[i][0], arr2[i][1]);
}
}
catch (e)
{
alert(e.message + "\n\nLoad " + strSrc + " failed ");
}
}
};
//-->
</script>
</html>