ansaurus

Question

Answer 1

A:

Just keep an extra hidden field in the form (call it "count"), and have the script increment its value whenever it adds another file input.

Pointy 2010-10-20 14:05:39

do i just (document.write) or what. I am very new to javascript.

Matthew Carter 2010-10-20 14:12:38

Answer 2

A:

Something like?

function doSubmit() {
    var myForm = document.getElementById('myForm'); //Get myForm
    var childNodes = myForm.childNodes; //Count child nodes
    var fields = 0;
    for ( var node in childNodes ) {
        if ( childNodes[node].tagName == 'P' ) fields++;
    }
    myForm.setAttribute('action', 'mysite.php?'+fields);
}

It counts all P elements directly below myForm. Not perfect, but it ought to work! Just add an onsubmit='doSubmit();

clarkf 2010-10-20 14:13:26

Answer 3

A:

I suggest giving the new added fields class = "classX" and when you submit the form count the no of elements with the specified class with getElementsByClassName

I find it simpler than incrementing a value each time a field is added

thedev 2010-10-20 14:16:51

Answer 4

A:

I would keep it simple and keep track of how many file fields you have added. Just update the url every time you add a new file field.

var numFileElements = 1; 
function add(){
  var field = document.createElement('input');
  field.setAttribute("type", "file");
  field.setAttribute("name", "yo");
  var myForm = document.getElementById('myform');
  myForm.appendChild(field);
  ++numFileElements;
  myForm.setAttribute('action', '?'+ numFileElements);
}

KZ 2010-10-20 15:52:12

Worked like a charm. Thanks a lot.

Matthew Carter 2010-10-20 16:09:01

ansaurus

tags:

views:

answers:

Use javascript to alter submit link

related questions