Wie man eine Variable von einer JavaScript-Funktion in HTML-Text zurückgibt

8

Ich bin noch neu in Javascript, und ich versuche, eine Funktion zu erhalten, um eine Variable mit Hilfe von HTML & amp; Javascript. Grundsätzlich sollte die Funktion nur den Radioknopf zurückgeben, auf den der Benutzer klickt, obwohl ich im Moment überhaupt nichts zurückgegeben sehe.

Die Funktion ist hier:

%Vor%

Und dann im html-Abschnitt habe ich diese Optionsfelder, und mein Versuch, die Variable "ausgewählt" Ausgabe auf den Bildschirm zu bekommen.

%Vor%

Momentan scheint nichts von der Funktion zurückgegeben zu werden (obwohl, wenn ich die Variable 'selected' innerhalb der Funktion ausgabe, dann funktioniert es richtig.

Vielen Dank im Voraus!

    
anthr 16.01.2011, 17:45
quelle

4 Antworten

7

Hier ist ein etwas einfacherer Ansatz.

Nehmen Sie zunächst einige Korrekturen an Ihrem HTML vor und erstellen Sie einen Container, um die Ausgabe anzuzeigen:

%Vor%

Dann ändern Sie Ihr Skript wie folgt:

%Vor%

... und platziere es einfach innerhalb des schließenden </body> -Tags.

Klicken Sie hier, um ein funktionierendes Beispiel zu testen. (jsFiddle)

    
user113716 16.01.2011, 17:52
quelle
4

document.write verwendet einen String und gibt ihn als Teil des HTML aus. Dies ist nicht ein Live-Wert, der aktualisiert wird, wenn die auf die Zeichenfolge zeigende Variable aktualisiert wird.

Dafür müssen Sie DOM-Manipulation durchführen.

    
Quentin 16.01.2011 17:51
quelle
2

Ändern Sie Ihre JavaScript-Funktion in etwa so:

%Vor%

Und dann im Körper:

%Vor%     
Martin Buberl 16.01.2011 17:55
quelle
1

Als ich die Post einlegte. Die Verwendung von JQuery würde Ihr Leben für diese Art von Aufgabe (und viele andere für die Angelegenheit) leicht machen. Das wirklich schöne an JQuery ist, dass es Ihre JavaScript-Syntax oft viel einfacher macht, als Sie die wesentlichen Details von Javascript lernen können, während Sie gehen. Fügen Sie zuerst das folgende Script-Tag in Ihre HTML-Seite ein

%Vor%

Jetzt haben Sie die JQuery API

Dann könnten Sie die Funktion so umschreiben.

%Vor%

Dein HTML würde so aussehen

%Vor%

Mehr oder weniger, die .html () kann sowohl das HTML des ausgewählten Elements holen als auch setzen. Also fügen wir einfach den Wert in das div-Tag ein.

    
Feisty Mango 16.01.2011 18:05
quelle

Tags und Links