Erweiterung einer JS Funktion

[Rambler09]

Hallo,

habe folgende Funktion:

var cols = document.getElementsByName('fare');
             for (var i=0; i<cols.length; i++) {
              if (cols[i].checked === true) {
               alert('You have selected ' + cols[i].nextSibling.nodeValue);
             break;
   }
}

Datenspalte aus einer DB und PHP Tabelle für die Ausgabe:

. "<td class='v1'><input type='radio' name='fare' value='eco_s'  id='eco_s'>" . oci_result($stmt, 'ECO_S') . "</td>\n"

Es funktioniert soweit (Anklicken eines Radio Buttons), allerdings möchte ich diese Funktion erweitern, sodass der Wert dieser Zelle
in einer <div></div> angezeigt wird.

Hat jemand eine Idee, wie die Erweiterung geschrieben werden müsste?

Danke!

[Christian Marquardt]

Dann schreibe das in ein DIV

"<td class='v1'><input type='radio' name='fare' value='eco_s'  id='eco_s'> <div>" . oci_result($stmt, 'ECO_S') . "</div></td>\n"

[Rambler09]

Dann schreibe das in ein DIV

"<td class='v1'><input type='radio' name='fare' value='eco_s'  id='eco_s'> <div>" . oci_result($stmt, 'ECO_S') . "</div></td>\n"

Habe vergessen zu sagen, dass die <div></div> bzw. (beim Anklicken de RB) der Wert an einer anderen Stelle auf der Webseite angezeigt werden soll.

[Christian Marquardt]

Dann must du dieses DIV an der Stelle in den HTML-Quellcode per Javascript einfügen. Knoten suchen, das DIV als Kind einfügen

http://de.selfhtml.org/javascript/objekte/node.htm

[Rambler09]

Dann must du dieses DIV an der Stelle in den HTML-Quellcode per Javascript einfügen. Knoten suchen, das DIV als Kind einfügen

http://de.selfhtml.org/javascript/objekte/node.htm

Danke! Ich schaue mir das an.

[Christian Marquardt]

Es gibt Frameworks, die das erleichtern:

JQuery

http://api.jquery.com/category/manipulation/

Dazu sollte man die Arbeit mit Selektoren

http://api.jquery.com/category/selectors/

verstehen

[Rambler09]

Es gibt Frameworks, die das erleichtern:

JQuery

http://api.jquery.com/category/manipulation/

Dazu sollte man die Arbeit mit Selektoren

http://api.jquery.com/category/selectors/

verstehen

Ich habe JQuery in das Webprojekt integriert. Möglicherweise fehlt im Code etwas?

var cols = document.getElementsByName('fare');
             for (var i=0; i<cols.length; i++) {
              if (cols[i].checked === true) {
               alert('You have selected ' + cols[i].nextSibling.nodeValue);
             break;
   }
}

Mit diesem Code funktioniert zwar das Anklicken des Radio Buttons allerdings kommt keine Meldung(Alert). Das Ziel
ist nicht ein Alert, sondern beim Anklicken des RB soll der Wert dieser Zelle in einer div dargestellt werden. Das ist ein Wertfeld,
das für eine Berechnung bereitgestellt werden soll. Z.B.

<div id="fare">456,78</div>

Danke nochmals für deine Hilfe!

[Christian Marquardt]

Möglicherweise fehlt im Code etwas?

Ja, die Nutzung des Frameworks - siehe Selektoren - für diesen Codeteil. Ist aber nun kein Zwang. Wenn das alert nicht funktioniert, kann es daran liegen, dass die Funktion (wo ist sie? wie heisst sie?) nicht an den click-Event des Radiobuttons gebunden wurde. Wenn das dein ganzer Code ist, fehlt da ein erheblicher Teil.
http://api.jquery.com/category/events/ für das registieren von Events

Das Ziel ist nicht ein Alert, sondern beim Anklicken des RB soll der Wert dieser Zelle in einer div dargestellt werden.

Ja, das musst du programmieren. Wird hier keiner können, keiner weiss genau was du machen willst. Wohin soll das? Wer ist der Parent? Wie kann er selektiert werden?