Alyssa Phan wrote:
> Hi everyone,
>
> I have a simple form that generated another set of forms depending on how many customers are entered.
>
> First form: how many customers?
>
> Second file: If the answer is 2, it generated 2 forms with exactly the same fields. It's stored in an array.
> My question is how to have javascript read the values in that array. This is the error I get when running the program.
> Error: document.getElementsByName("num1[]")[j] has no properties.
>
> Here's an example of the second form:
> {section name=ill start=1 loop=$customer+1 step=1}
> <table border = "1">
> <tr>
> <td>Number 1:</td><td><input type="text" name="num1[{$smarty.section.ill.index}]" /></td></tr>
> <tr><td>Number 2:</td><td><input type="text" name="num2[{$smarty.section.ill.index}]" /></td></tr>
> <tr><td>Total:</td><td><input type="text" name="total[{$smarty.section.ill.index}]"onBlur = "mytest()" /></td></tr>
> </table>
> {/section}
>
> And here's the javascript:
> function mytest()
> {
> for (j = 0; j <= customer; j++)
> {
> var number1= document.getElementsByName("num1[]")[j].value;

try something like:

var number1= document.getElementsByName('num1['+j+']').value;

> var number2 = document.getElementsByName("num2[]")[j].value;
> number1 = Number(number1);
> number2 = Number(number2);
> var result = number1 + number2;
> document.getElementsByName("total[]")[j].value = result;
> }
> }
> Thank you for your ,
> ~alyssa
>