Erstellen eines iFrame mit einer "dynamischen" URL

Question

Ich fange gerade erst mit der Programmierung an und hatte eine grundlegende Einführung in HTML und CSS und Javascript. Ich möchte eine Seite mit einem iframe erstellen, der eine "dynamische" URL der Quelle hat. Also, anstatt die Quelle mit einer bestimmten URL zu definieren, möchte ich die URL von der Quelle aus einer Zeichenfolge, die ich in ein Formular ausfüllen würde.

Wäre das möglich? Wenn ja, hast du einen Rat?

Ich mache das nur zu meinem eigenen Vergnügen, da ich wirklich neugierig auf diese Art von Sachen bin.

Wenn Sie mir nicht sofort die Antwort geben wollen, geben Sie mir ein paar Links, wo Sie nützliche Informationen finden können.

Vielen Dank im Voraus.

Answer 1

Geben Sie dem folgenden JavaScript einen Versuch, die Quelle Ihres iframe zu ändern.

document.getElementById['id_of_iframe'].src = "https://www.google.com"; 

Für die Eingabe Sie den jQuery .val() -Methode verwenden können, wie here beschrieben. Kombinieren Sie diese Informationen und erstellen Sie etwas selbst :)