Javascript 用于动态构建下拉列表的window.onload事件的替代方案_Javascript_Jquery_Html

Javascript 用于动态构建下拉列表的window.onload事件的替代方案

javascript jquery html

Javascript 用于动态构建下拉列表的window.onload事件的替代方案,javascript,jquery,html,Javascript,Jquery,Html,我已经创建了一个动态下拉列表。目前，我正在window.onload事件上构建下拉列表。但问题是，我不能再使用windows.onload，因为这个事件现在已经被我包含在正文中的myFile.jsp文件使用了。由于两个onload事件不能同时工作，所以我正在寻找其他方法来构建下拉列表。你能帮忙吗。我对网络开发非常陌生我的HTML文件 <!DOCTYPE html> 我的js文件： function doc(id){return document.getElementB

我已经创建了一个动态下拉列表。目前，我正在window.onload事件上构建下拉列表。但问题是，我不能再使用windows.onload，因为这个事件现在已经被我包含在正文中的myFile.jsp文件使用了。由于两个onload事件不能同时工作，所以我正在寻找其他方法来构建下拉列表。你能帮忙吗。我对网络开发非常陌生

我的HTML文件

<!DOCTYPE html>

我的js文件：

    function doc(id){return document.getElementById(id);}
        function buildCounty(){
            var opts=doc('county').options;
            for(var i=0;i<arr.length;i++){
                opts[opts.length]=new Option(arr[i][0],arr[i][0]);
            }
            doc('county').onchange=function(){
                this.blur();
                var val=this.value;
                if(!val){return;}
                var co=doc('city').options;
                co.length=1;
                for(var j=0;j<arr.length;j++){
                    if(arr[j][0]!==val){continue;}
                    else{
                        var temp=arr[j][1];
                        for(var k=0;k<temp.length;k++){
                            co[co.length]=new Option(temp[k],temp[k]);
                        }
                        break;
                    }
                }
            }
        }
        function doThis(){

        }
        window.onload=buildCounty;
    </script>

尝试以下jQuery

$(function() {
  buildCounty();
});

$function{…}；相当于window.onload，并且不会覆盖任何现有调用，例如，您可以在代码中任意添加这些调用

我将把这个jQuery函数放在哪里。谢谢。$buildCounty有什么问题；？为什么要使用额外的anon包装器？@dandavis-因为我以前从未见过这种格式！如果有效，请将其作为answer@kutta-替换窗口。onload=buildCounty；使用它或尝试dandavis建议的代码！我不是在接受你的答案，只是提醒你，表达式对js是不可见的，只有值是作用的。。。

$(function() {
  buildCounty();
});