element_id eines Formularfeldes ermitteln

Hallöle,
Ist es möglich die ID eines beliebigen Formularelementes (also z.B.
select) mit JavaScript zu ermitteln?

Den Inhalt eines Elements kann ich ja (z.B. beim draufklicken) mit
this.value ermitteln. Ich dachte da jetzt für die ID an sowas wie this.id.

Dennis Schmidt wrote:

Ist es möglich die ID eines beliebigen Formularelementes (also z.B.
select) mit JavaScript zu ermitteln?

Den Inhalt eines Elements kann ich ja (z.B. beim draufklicken) mit
this.value ermitteln. Ich dachte da jetzt für die ID an sowas wie this.id.

Dann nimm es doch. Mit alten Browsern wie Netscape 4 wird das undefined
sein, aber in neueren Browsern ist die Eigenschaft implementiert:
<http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-63534901>

--

Martin Honnen
http://JavaScript.FAQTs.com/

Martin Honnen schrieb:

Dennis Schmidt wrote:


Ist es möglich die ID eines beliebigen Formularelementes (also z.B.
select) mit JavaScript zu ermitteln?

Den Inhalt eines Elements kann ich ja (z.B. beim draufklicken) mit
this.value ermitteln. Ich dachte da jetzt für die ID an sowas wie
this.id.


Dann nimm es doch. Mit alten Browsern wie Netscape 4 wird das undefined
sein, aber in neueren Browsern ist die Eigenschaft implementiert:
http://www.w3.org/TR/DOM-Level-2-HTM...ml#ID-63534901

Sry, Hab mich wohl zu ungenau ausgedrückt.

Mit ID meinte ich jetzt nicht die HTML-ID, sondern die ID, also
durchgehende Nummer des jeweiligen Formularelements. Also die Nummer,
die man braucht um dieses Element mit
window.document.forms["name"].elements[ID] anzusprechen. Wobei ID dann
eben die Zahl des Feldes ist

Dennis Schmidt wrote:

Mit ID meinte ich jetzt nicht die HTML-ID, sondern die ID, also
durchgehende Nummer des jeweiligen Formularelements. Also die Nummer,
die man braucht um dieses Element mit
window.document.forms["name"].elements[ID] anzusprechen. Wobei ID dann
eben die Zahl des Feldes ist

Wenn du das Element selbst, also this hast, dann uebergib es direkt an
eine Funktion, da ist es nicht noetig, einen Index zu uebergeben und
dann wieder vom Index das Element zu suchen.
So du wirklich den Index in einer Kollektion haben willst, dann musst du
die Kollektion durchlaufen also
function getIndex (collection, element) {
for (var i = 0; i < collection.length; i++) {
if (element === collection[i]) {
return i;
}
}
return -1;
}

<input onclick="var index = getIndex(this.form.elements, this);"
--

Martin Honnen
http://JavaScript.FAQTs.com/

Martin Honnen schrieb:

Dennis Schmidt wrote:


Mit ID meinte ich jetzt nicht die HTML-ID, sondern die ID, also
durchgehende Nummer des jeweiligen Formularelements. Also die Nummer,
die man braucht um dieses Element mit
window.document.forms["name"].elements[ID] anzusprechen. Wobei ID dann
eben die Zahl des Feldes ist


Wenn du das Element selbst, also this hast, dann uebergib es direkt an
eine Funktion, da ist es nicht noetig, einen Index zu uebergeben und
dann wieder vom Index das Element zu suchen.
So du wirklich den Index in einer Kollektion haben willst, dann musst du
die Kollektion durchlaufen also
function getIndex (collection, element) {
for (var i = 0; i < collection.length; i++) {
if (element === collection[i]) {
return i;
}
}
return -1;
}

input onclick="var index = getIndex(this.form.elements, this);"

Hmm, schade... Dachte das ginge "eleganter".
Hab da aber noch ne (allgemeine) Frage zu deinem Vorschlag.
Wieso vergleichst du die beiden Objekte mit === und nicht nur ==?
Ich dachte immer dass === wäre nur da, um Boolsche Werte korrekt zu
vergleichen. Also dass z.B.

alert((true === 1) ? "gleich" : "ungleich");

nicht "gleich", sondern "ungleich" liefert.

Dennis Schmidt wrote:

Hmm, schade... Dachte das ginge "eleganter".

this zu übergeben ist elegant.

Dennis Schmidt wrote:

Martin Honnen schrieb:


input onclick="var index = getIndex(this.form.elements, this);"

Dachte das ginge "eleganter".

Wie Daniel schon gesagt hat, und ich ja auch schon vorher vorgeschlagen
hatte, den Index benoetigt man nicht, wenn man, wo noetig, einfach die
Objekte selbst uebergibt.
So du also fuer eine aus deiner Sicht elegante Loesung den Index haben
willst,
dann musst du den herausfinden, schliesslich kann ein Element im
Dokument seine
Position veraendern.

Wieso vergleichst du die beiden Objekte mit === und nicht nur ==?

Warum nicht? Ich will Objektidentitaet vergleichen, warum also == nehmen
und die JavaScript-Runtime erst zur Typpruefung zwecks evtl. noetiger
Konvertierung zwingen? Es gab mal Zeiten, wo === noch nicht von allen
gaengigen Browsern implementiert wurde, so dass man == verwendet hat,
aber so ich auf Identitaet vergleichen will und nicht fuer jemanden
schreibe, der explizit auf sehr alte Browser hinweist, nehme ich ===.

Ich dachte immer dass === wäre nur da, um Boolsche Werte korrekt zu
vergleichen. Also dass z.B.

alert((true === 1) ? "gleich" : "ungleich");

nicht "gleich", sondern "ungleich" liefert.

Boolesche Werte in JavaScript sind true und false, 1 ist eine Zahl.
== schaut sich die Operanden an und konvertiert diese unter Umstaenden
in einen anderen Typ, nicht nur bei true und 1. === nimmt keine
Typkonvertierung vor.

--

Martin Honnen
http://JavaScript.FAQTs.com/