[Resolved] PHP and Javascript

[alfoxy]

Hey All,

When I want to use HTML form items as arrays I call them
<input type=text name=code[] value='<?=$code?>'>

This works fine on the next page I just call
code[1] etc.

However to do a javascript content check (i.e must have a value) I cant use this.

Ill explain better...
if the form text variable was just name=code
then
alert('You entered '+form.code.value)
would print out the correct answer

but
alert('You entered '+form.code[].value)
or
alert('You entered '+form.code[1].value)
just gives me errors

any ideas would be greatly appreciated

Thanks

Al

[paulnaj]

Hi alfoxy,

To find out the names of the form elements, or at least how javascript is naming them, do a javascript 'vardump' ... something like ...

var frm = document.getElelmentById('form_name');
for(var prop in frm){
document.write('<br>'+prop+' = '+frm[prop]);
}

... put it after the actual form.

Paul

[alfoxy]

Hey Paul,
I put that in but it didnt work.

Ive cut it down to its basics

<form name="form" action="" method="get">
<input name="code" type="text">
<input name="value" type="text">
</form>

<script language="JavaScript">
var frm = document.getElelmentById('form');
for(var prop in frm){
document.write('<br>'+prop+' = '+frm[prop]);
}

</script>

Is this right ?

Im getting nothing at the minute

Thanks

Al

[paulnaj]

Oops, I put an extra 'L' in getElementById

But it might still need a bit of investigation ... what you're trying to do is find the way javascript is 'naming' these elements.

Paul.

[alfoxy]

Hey Paul

that prints off fine, i get

blah blah....
encoding = application/x-www-form-urlencoded
code[] = [object]
code2 = [object]

so it is calling it code[] but if i try

alert('Value :'+form.code[].value')

i get a syntax error
but

alert('Value :'+form.code2.value')

works fine

any more ideas ?

Al

[paulnaj]

Sh*t, that's awkward.

Hmmm, you could just give the input fields ids as well as names ... use the names as you have done already and use particular values for the ids ..

<form name="form" action="" method="get">
<input id="code1" name="code[]" type="text" value="hello">
<input id="code2" name="code[]" type="text" value="world">
</form>

<script language="JavaScript">
var inp = document.getElementById('code1');
document.write(inp.id+':'+inp.value);
document.write('<br />');
inp = document.getElementById('code2');
document.write(inp.id+':'+inp.value);
</script>

Paul.

[alfoxy]

Thanks a million Paul

That worked like a charm

I appreciate it

Al

[paulnaj]

Hey, it's a pleasure ... but I'm sure you know that ... I see you about the forums all the time.

Paul.