Checkboxes created using Javascript DOM not available in $_POST

[Sebarry]

Hi,

I have a Javascript function that creates a number of checkboxes dynamically using document.createElement. The checkboxes are created fine but even when they are checked they don't appear in $_POST in Internet Explorer. The same code works fine in Firefox and I can get the details of the checkboxes that are checked. Does anyone know of any problems with checkboxes in IE?

Thanks,

Sean

[pbmods]

Heya, Sean.

Make sure you're attaching the checkboxes to an element inside the form.

For example:

function addCheck()
{
    var newCheck = document.createElement('input');
    .
    .
    .
    document.getElementById('insertHere').appendChild(newCheck);
}
 

If insertHere is here:

<form ... >
    .
    .
    .
</form>
 
<div id="insertHere"></div>
 

then the new checkboxes will not be submitted with the form. But if insertHere is here:

<form ... >
    .
    .
    .
    <div id="insertHere"></div>
</form>
 

The new checkboxes will be submitted.

[Sebarry]

Yep thought of that but it's definately not that. I don't understand why it works in Firefox but not IE.

var cb = document.createElement( "input" );
cb.type = "checkbox";
cb.name = htmlIdName;
cb.id = htmlIdName;
cb.value = xmlOptions[i].getElementsByTagName('id')[0].firstChild.data;
subDiv.appendChild( checkBoxName );
subDiv.appendChild( cb );
subDiv.innerHTML += "<br />";
 

Like I said when I put in an alert I can print out the value and checked status of my checkboxes but even when they're checked they don't appear in $_POST.

It's strange and frustrating.

Heya, Sean.

Make sure you're attaching the checkboxes to an element inside the form.

For example:

function addCheck()
{
    var newCheck = document.createElement('input');
    .
    .
    .
    document.getElementById('insertHere').appendChild(newCheck);
}
 

If insertHere is here:

<form ... >
    .
    .
    .
</form>
 
<div id="insertHere"></div>
 

then the new checkboxes will not be submitted with the form. But if insertHere is here:

<form ... >
    .
    .
    .
    <div id="insertHere"></div>
</form>
 

The new checkboxes will be submitted.