✔ Mit JavaScript den Inhalt einer Form (Input) auslesen?

[Kopfballstar]

Folgendes Problem.
Ich habe eine <Form> mit einem <Input>. Dort wird ein Suchbegriff eingegeben.
Dieser Suchbegriff soll angeschickt werden, allerdings nicht über POST was ja kein Problem wäre.
Es wird über <a href="#" onClick:suchfenster(suche.php)> das Suchfenster geöffnet. Nun will ich den Inhalt der Form irgendwie mitübergeben. Wie kann ich das machen?

 

[Gumbo]

Weise dem Formular doch einfach ein Zielframe zu. Dies kannst du dann auch mit dem Öffnen eines Pop-up-Fensters verbinden, etwa:

<form … target="foobar" onsubmit="window.open('', this.target)">

 

[MArc]

Hi du,

das funktioniert mit getElementById am einfachsten.
Zur veranschaulichung hier ein Script.

<script>
	function suchfenster(){
		InputText = document.getElementById("meinText").value;
		window.open( 'http://www.google.de/search?q='+InputText, 'Blub')
		// Oder location = 'http://www.google.de/search?q='+InputText;
	}
</script>
<br>Der Text:<input id="meinText" type="text" name="meinText" >
<a href="#" onClick="suchfenster()">Suchen</a>

 

[Kopfballstar]

Dangge das klappt ;-)

 

[Gumbo]

Ich würde eher Folgendes machen:

<form action="http://www.google.de/search" method="get" target="foobar" onsubmit="window.open('', this.target)">
	<input type="text" name="q">
	<input type="submit">
</form>

Damit funktioniert es auch ohne JavaScript-Unterstützung.

 

[MArc]

onsubmit="window.open('', this.target)">

Das ist doch schon JavaScript?

 

[Gumbo]

Ja das ist JavaScript. Aber das Formular funktioniert auch noch dann, wenn JavaScript deaktiviert ist oder gar nicht unterstützt wird.

 

[MArc]

Ja, aber der gewünschte effekt (Neues Fenster) wird somit nicht erreicht. Also funktioniert es so nicht mit ohne javascript.

<form action="http://www.google.de/search" method="get" target="_BLANK"> 
	<input type="text" name="q">
	<input type="submit">
</form>

Das würde ohne JavaScript gehen.

 

[Gumbo]

Bei mir funktioniert dein Beispiel ausgezeichnet.