Calling JavaScript Function on Demand Causing Strange Results

Question

I have a dropdownlist which is declared as follows:

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

When the user change the selection reloadValues is invoked and everything works perfectly. Now, I want to add the reloadValues when the user adds a new row which contains the dropdownlist so I did the following:

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

The reloadValues function is shown below:

 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. 
    }

Any ideas!

obj.parentElement.parentElement is a TR element

Frédéric Hamidi · Accepted Answer · 2012-03-08 17:39:10Z

1

I hit this problem once because I was accessing cells before the <tr> element was added to the document. At least Internet Explorer 8 returns an empty cell collection in this situation.

So, try appending rowToBeAdded to your table before calling reloadValues().

answered Mar 8, 2012 at 17:39

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Calling JavaScript Function on Demand Causing Strange Results

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related