Array in Javascript abfragen

[Flow09]

Hey,

ich hab hier ein HTML-Formular in dem mehrere Checkbox enthalten sind welche immer den gleichen Namen haben:

<input type="checkbox" name="newdomain[]" value="flowworks.co.at">&nbsp;flowworks.co.at
<input type="checkbox" name="newdomain[]" value="flowworks.info">&nbsp;flowworks.info
...

Jetzt möchte ich per Javascript zählen wieviele Werte diese Array enthält und schauen ob eine der checkboxen angeklickt wurde.

Leider habe ich Probnleme per Javascript auf das Array zuzugreifen. Ich bekomm immer die Meldung "document.forms[0].newdomain has no properties".

Ich hab dann versucht mit einem Script ,welches mir nightline für das prüfen von Radio-Buttons gegeben hat, das zu erreichen was ich will, leider klappt das aber auch nicht so wie ich mir das vorstelle! Hier mal das Script:

var checkbox = document.forms[0].newdomain;
	var check = false;

	for (i in checkbox) {
	if (checkbox[i].checked) {
	check = true;
	alert(checkbox[i].value);
	//document.forms[0].submit();
	}
	}
	if (check == false)
	alert ('Bitte wählen Sie ein Produkt aus!');

Leider wird nie erkannt das ich eine checkbox angeklickt habe, bei den Radio-Buttons funktioniert es wunderbar!

Könnt ihr mir bitte helfen!

lg
Flo

[Flow09]

Das Script funktioniert doch! Ich hab jetzt nur ein Problem mit den Namen von den Checkboxen, solang ich kein [] an den Namen hänge funktioniert es, wenn ich die Klammern einfüge spricht die Javascript-Konsole das der Funktionsname den ich dem ganzen gegeben habe nicht definiert ist!

[rewboss]

Die [] brauchst du, wenn das Array von PHP gelesen werden soll.

[321]

In PHP kann man auch $_POST[] durchsuchen und mit Form-Feldnamen ohne [] ein weiteres Array aufbauen. Dadurch sollte dann JS wieder funktionieren.

[rewboss]

Zitat von 321

In PHP kann man auch $_POST[] durchsuchen und mit Form-Feldnamen ohne [] ein weiteres Array aufbauen. Dadurch sollte dann JS wieder funktionieren.

Das ist nicht das Problem hier, aber nein, was du sagst stimmt nicht. So wird immer nur einen Wert von dem Array übertragen, und zwar den Wert des Elements, das am spätesten im HTML-Code erscheint und ausgewählt wurde.

[321]

Es ist dohc das Problem, dass die Schreibweise eine Bearbeitung durch JS ausschliesst und andererseits für PHP von Nutzen ist.

Ohne [] meine ich zB. so:
name="newdomain01"
name="newdomain02"
name="newdomain03"
name="newdomain04"
Die Name lassen sich dann mit substring erkennen und zuordnen
etwa so:

PHP-Code:

$i = 0;
while(list($FeldName,$value) = each($_POST)) {
    if (substr($FeldName,1,9) == 'newdomain') {
             i++; // und value in ein entspr. array laden    
             }
} 


[rewboss]

Ja, das ist dann ein Hack. Funktioniert bei <input type="checkbox"> einwandfrei, aber was ist mit <select multiple="multiple">?

[321]

mE. Kein Problem, da Du dieses im HTML nicht als Array zu definieren hast,
es wird in PHP als Array erkannt, resp. als solches an PHP abgeschickt.

Als Hack würde ich mein Vorgehen nicht sehen, es sind alles offizielle Befehle.

[steffenk]

m.E. braucht es keinen Hack. JS kann Array-Variablen genauso ansprechen, wenns nicht funktioniert, liegt es i.d.R. am falschen Syntax - hier kommt die schlechtere Debug-Möglichkeit zum tragen.
Ich benutze viele JS-Auswertungen, in denen Arrayvariablen genutzt werden.

[rewboss]

Zitat von 321

mE. Kein Problem, da Du dieses im HTML nicht als Array zu definieren hast,
es wird in PHP als Array erkannt, resp. als solches an PHP abgeschickt.

Nein, das stimmt ganz einfach nicht. Probier's doch aus:

PHP-Code:

<?php

if(isset($_POST['sent'])){
 print("<ul>\n");

 foreach($_POST as $key => $value) print("<li>$key = $value</li>\n");

 print("</ul>");
}

?>

<form action="<?=$_SERVER['PHP_SELF']?>" method="post">

<input type="hidden" name="sent" value="yes" />

<select multiple="multiple" name="selectelement">
<option value="0">The zeroth option</option>
<option value="1">The first option</option>
<option value="2">The second option</option>
<option value="3">The third option</option>
<option value="4">The fourth option</option>
</select><br />

<input type="submit" value="Go!" />

</form>

Egal, wie viele du auswählst, wird immer nur einen Wert übermittelt. Erst, wenn du den Namen in "selectedelement[]" änderst, kriegst du als Ergebnis "selectedelement = Array".

Was ich aber gerade herausgefunden habe: JavaScript kann doch mit Namen wie "selectedelement[]" umgehen, und zwar so:

document.forms[0]['selectedelement[]']

Das ist möglich, weil im JavaScript Objekte assoziative Arrays sind und umgekehrt -- es ist also Wurst, ob du z.B. location.href oder location['href'] schreibst.

So ist also die Lösung von Flows Problem denkbar einfach: die Zeile

var checkbox = document.forms[0].newdomain;

ändern in:

var checkbox = document.forms[0]['newdomain[]']

So funktioniert jetzt nicht nur JavaScript, sondern auch PHP -- und dein Hack können wir auch umgehen.

[321]

Ja gut!
Vorsichtigerweise schrieb ich ja: mE.

Warum sagtest es nicht gleich, wenn es schon wusstest *tadel*

[rewboss]

Naja, ich wusste es noch nicht. Hab nur ein bisschen rumexperimentiert. getElementById('newdomain[]') würde übrigens auch gehen.

[321]

Merry Christmas!

[Flow09]

Spät kommt die Antwort, aber sie kommt!

Ich hab das Thema jetzt wieder aufgegriffen und bis jetzt scheint es mit der Lösung von rewboss zu klappen!

Ich danke euch für die Hilfe, ich melde mich falls ich doch noch Probleme bekomme!

lg
Flow

[Flow09]

Hey,

jetzt hab ich doch nochmal Probleme mit dem Script:

function checkTheBox()
{
	var checkbox1 = document.forms[0]['newdomain[]'];
	var checkbox2 = document.forms[0]['olddomain[]'];
	var check = false;

	for (i in checkbox1) 
	{
		if (checkbox1[i].checked) 
		{
			check = true;
		}
	}
	
	for (i in checkbox2)
	{
		if(checkbox2[i].checked)
		{
			check = true;
		}
	}
	
	if (check == false)
	{
		alert ('Bitte wählen Sie mind. eine Domain aus!');
	}
	else
	{
		document.forms[0].submit();
	}
}

Im Firefox funktioniert es zwar perfekt aber der IE streikt, egal wieviele checkboxen ich auswähle er erkennt es nicht und gibt immer die alert-Meldung aus statt das Formular abusenden.

Könnte ihr mir bitte nochmal helfen!!

lg
Flow