1.) $(’#table tbody tr:last-child’).append(’..’)
2.) $(’..’) .insertAfter(’#table tbody tr:last-child’)
None of this works and so..

I looked at your comment to use innerHtml rather than the text:
so what I did is that recode it to..

var htmlContent = $(’#table tbody’).html();
$(’#table tbody’).html( htmlContent + ‘..’ );
This has worked. Thankfully. And the click event fires as it should be.

This just prove that I had to walk through a broken glass barefooted, in order for me to solve this problem.. Thanks to Mathew’s hint by the way.

I never loosed a lot of hair before more than now. Thanks to IE

Thanks for the excellent tip, I could not work out what was wrong, as soon as I put .innerHTML instead of .text in the dynamically created select/options it worked.

Cheers
Greg Abernethy
Medusa Business Solutions
Wollongong, NSW, Australia

if (document.getElementById(”sectionSelector”).outerHTML) {
document.getElementById(”sectionSelector”).outerHTML = “[select id=’sectionSelector’]” + ajax.responseText + “[/select]”;
} else {
document.getElementById(”sectionSelector”).innerHTML = ajax.responseText;
}

if (document.getElementById(”sectionSelector”).outerHTML) {
document.getElementById(”sectionSelector”).outerHTML = “” + ajax.responseText + “”;
} else {
document.getElementById(”sectionSelector”).innerHTML = ajax.responseText;
}

Basically rewrite the whole tag and the options (ajax.responseText in my script) if outerHTML is recognised by the browser, otherwise use the innerHTML method. Tested it and works for me in IE6, IE7, FF2, FF3, and Windows Safari.

http://webbugtrack.blogspot.com/search/label/innerHTML

the Select element is only one of the elements in IE that doesn’t work properly with the DOM methods.