javascript - 按需调用 JavaScript 函数导致奇怪的结果

Question

我有一个下拉列表，声明如下:

<select onchange="reloadValues(this,event);">
... options here 
</select>   

当用户更改选择时，将调用 reloadValues 并且一切正常。现在，我想在用户添加包含下拉列表的新行时添加 reloadValues，所以我执行了以下操作:

reloadValues(rowToBeAdded.find("select")[0]);

reloadValues函数如下图所示:

 function reloadValues(obj, event) {
    {
            var ele = obj.parentElement.parentElement;
            var select2 = ele.cells[2].childNodes[1]; // ele.cells is empty when invoking // the reloadValues on demand through another method. 
    }

任何想法!

obj.parentElement.parentElement is a TR element

Answer 1

我曾经遇到过这个问题，因为我正在访问 cells在 <tr> 之前元素已添加到文档中。在这种情况下，至少 Internet Explorer 8 会返回一个空单元格集合。

所以，尝试附加 rowToBeAdded调用你的 table reloadValues() .