Javascript document.getElementById(arg) - 对象为 null 或未定义

Question

我有一个设置 selected = true 的函数。我有一个国家/地区的下拉列表。每个选项都有 ID，例如 USA、GER...

    function nation(arg) 
{
    if (arg == '<?php echo $this->escape($this->user->get( 'country' ));?>')
        document.getElementById(arg).selected = true;
}

window.onload = nation('<?php echo $this->escape($this->user->get( 'country' ));?>');

我确信 php 代码会返回正确的国家/地区，但 javascript 调试器会说:

SCRIPT5007: Unable to set value of the property 'selected': object is null or undefined 

这里有什么问题吗？

Answer 1

您正在调用nation 立即，然后将其返回值分配给 onload ，所以你几乎肯定是在 <select> 之前调用它。已添加到 DOM。

您需要分配一个函数。

window.onload = function () {
    nation('<?php echo $this->escape($this->user->get( 'country' ));?>');
};