Javascript 从xml文件输入html列表选项时遇到问题
请帮助查看以下代码,它在使用按钮onclick调用函数displayResult()时起作用。但我希望它能在打开页面时自动运行……我已经尝试过了,但仍然无法工作……谢谢Javascript 从xml文件输入html列表选项时遇到问题,javascript,html,xml,Javascript,Html,Xml,请帮助查看以下代码,它在使用按钮onclick调用函数displayResult()时起作用。但我希望它能在打开页面时自动运行……我已经尝试过了,但仍然无法工作……谢谢 <form> <select id="mySelect"> <option>SELECT</option> </select> </form> <script language="JavaScript" type="text/javascr
<form>
<select id="mySelect">
<option>SELECT</option>
</select>
</form>
<script language="JavaScript" type="text/javascript">
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","xmltag.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
x2=xmlDoc.getElementsByTagName("CONTROL_POINT");
function displayResult()
{
for (i=0;i<x2.length;i++)
{
var x=document.getElementById("mySelect");
var option=document.createElement("option");
option.text=x2[i].childNodes[0].nodeValue;
try
{
// for IE earlier than version 8
x.add(option,x.options[null]);
}
catch (e)
{
x.add(option,null);
}
}
}
</script>
挑选
if(window.XMLHttpRequest)
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
open(“GET”,“xmltag.xml”,false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
x2=xmlDoc.getElementsByTagName(“控制点”);
函数displayResult()
{
对于(i=0;i您需要在解析它所处理的元素后调用displayResult()
。因此,将以下代码添加到页面源代码底部的脚本块中(或在onload或document.ready事件处理程序中):
您可以使用DOM 0方法来添加选项,而不是try..catch:var opt=new Option(text,value)
,它可以在每个浏览器中从头开始工作。然后只需将它附加到select:x.options[x.options.length]=opt;
或类似的选项。我已经将$(window.load)(function(){displayResult();});位于脚本底部,但它仍然不起作用=(您几乎可以肯定地使用$(document.ready(function(){displayResult();});
而不是$(window.load();
)。但是如果您将它放在页面底部,您应该可以将displayResult()放在
.P.S.我忘记在回答中提到这一点,但您似乎正在执行一个同步ajax请求。如果您将其切换到异步ajax,您可能会直接在ajax成功回调中填充select元素。无论哪种方式,从您上面的评论来看,您似乎正在使用jQuery,那么为什么不使用jQuery ajax函数呢?我如果你正在使用一个库,为什么所有的跨浏览器的东西都是你自己做的?好主意!在这种情况下,我可以从我的后端读取xml文件,并将整个内容返回到html!非常感谢你的建议!
displayResult();