Passing multiple dynamic params to JS function

Question

Hi,
I have a problem that I have been grappling with for some time now.
My JSP shows the user a list of textboxes dynamically, depending on a value from the DB. So, if the field value is 10, the user will see 10 textbixes and they will sequentially be assigned names as - text1, text2.....
The problem arises when I try to pass the values of these textboxes to a JS function. Now, my function does not know how many params to expect, so I am trying to send it as a single string separated by : (colon).
My method call looks like this -
<input type="button" value="Click Here" style="width:140px;"
               onClick="myJSFunction(
<c:forEach var="item" items='${sessionScope.textFields}' varStatus="status">
          document.form.text<c:out value='${status.count}'/>.value+':'
                    </c:forEach>
                    );">          
Pls. note that I am putting the colon at the end of every call in the forEach loop.
I get a syntax error if I run this code for more than 1 textbox. The compiler expects a closing bracket ) at the end of the last line, which I have already provided.
Is there any other way to do this or is there anything obviously wrong with my code?
Thanks in advance.

Answer 1

There are several ways around it.
javascript can have any number of parameters passed to a function.
You don't even have to declare them.
You can reference them as arguments[0], arguments[1], arguments[2]...
Another suggestion: pass up the "basename" and a count of how many fields there are and use the "eval" function
var base = "document.myform.text";
for (var i = 0; i<numFields; i++){
  var value = eval(base + i + ".value");
}or something like that (sorry don't have time to check it right now)