Home/ Questions/Q 6163463
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T21:49:46+00:00

I have something like this in my AJAX application: <html> <head> <script type=text/javascript> var

  • 0

I have something like this in my AJAX application:

      <html>
<head>
    <script type="text/javascript">
        var counter=4;
        function newcheckbox() {
            var newrow=document.getElementById('tabl').insertRow(0);
            var cell1=newrow.insertCell(0);
            var n=document.createElement("input");
            n.type="checkbox";
            n.name="item";
            cell1.appendChild(n);
            var cell2=newrow.insertCell(1);
            cell2.innerHTML=counter;
            counter++;
        }
        function listlength() {
            alert(document.list.item.length);
        }
    </script>
</head>
<body>
    <button onclick="newcheckbox();">new checkbox</button>
    <button onclick="listlength();">alert checkbox list length</button>
    <form name="list">
    <table id="tabl">
        <tr>
            <td><input type="checkbox" name="item"/></td><td>3</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="item"/></td><td>2</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="item"/></td><td>1</td>
        </tr>
    </form>
</body>
      </html>

As you can see, if new checkbox button is clicked, as new checkbox is added. There is another button which alerts the length of the checkbox list.
In Firefox, you get an updated length of the list, but in IE 6 and 7 it says the length is still 3.
How do you get around this problem in IE?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    IE won’t let you set the “name” attribute after the element is created:

    var n=document.createElement("<input name='item'>");

    If you do it that way, however, it should work.

    edit — looks like Firefox (since FF4, and apparently never in standards mode) doesn’t like doing that, so you’ll have to do some browser sniffing or feature testing to know whether it works to create an element with a name like that.

    • 0