DropDown mit Textfeld

B

Breuker

Erfahrenes Mitglied
Hallo!

Ich bin ein Neuling auf dem Gebiet JavaScript, daher möchte ich euch eine Frage stellen:

Ich habe ein DropDown Feld und ein Textfeld. Wenn ich nun im DropDown Feld den Wert A auswähle, dann soll dieser auch im Textfeld erscheinen...

Ich habe bereits versucht mir Smilie-Scripts dementsprechend umzubauen, jedoch ohne erfolg :(

Könnt ihr mir da weiterhelfen?

Breuker
 
Ich hab den Code nun folgenderweise modifiziert:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>Selecboxeintr&auml;ge in Textarea ein-/austragen</title><meta name="AUTHOR" content="con-f-use@gmx.net" /><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<script type="text/javascript"><!--
	//coded by con-f-use@gmx.net - be fair and do not remove this

	function mogo(obj,target) {
		var text = obj.options[obj.selectedIndex].value + '\n';
		target = document.getElementById(target);
		target.value = (target.value.indexOf(text) == -1)
			? text
			: target.value.replace(text,'');
	}
//--></script>

</head><body><div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><select id="Liste1" onclick="mogo(this,'txtar')"name="select">
          <option value="000001">000001</option>
          <option value="000002">000002</option>
          <option value="100011">100011</option>
          <option value="120323">120323</option>
          <option value="123533">123533</option>
        </select></td>
      </tr>
      <tr>
        <td><textarea name="textarea" cols="50" rows="5"  id="txtar"></textarea></td>
      </tr>
    </table>

Das Problem ist nun, dass wenn ich den Inhalt des DropDown nur einmal auswählen kann :confused:
 
ich möchte das aber als dropdown komponente haben...
ich habe vor, im DropDown Feld Landesnamen anzuzeigen

Bsp.:

Code: 
<option value="de">Deutschland</option>

Wenn ich nun auf Deutschland gehe kommt auch wie gewünscht das "de". nun möchte ich zum beispiel Frankreich hinzufügen will, dann wird der bisherige Text gelöscht und das kürzel für frankreich hinzugefügt...
 
Hi,

meinst du soetwas?
HTML: 
<select id="Liste1" onChange="document.getElementById('meinText').value = this.value" name="select">
          <option value="de">Deutschland</option>
          <option value="en">England</option>
          <option value="fr">Frankreich</option>
          <option value="svk">Slowakisch</option>
          <option value="cze">Tschechisch</option>
        </select>

<textarea id="meinText"></textarea>

Gruss,
MArc
 
HTML: 
<script type="text/javascript"><!--
	function mogo(obj,target) {
		if(obj.options[obj.selectedIndex].value != '')
		{
			var text = obj.options[obj.selectedIndex].value + '\n';
			target = document.getElementById(target);
			target.value = (target.value.indexOf(text) == -1)
				? target.value + text
				: target.value.write(text,'');
		} 
	}
//--></script>

Versuch es mal mit dem js.
Hiermit wird einfach bei jeder Auswahl immer dann das nächste einfach darunter geschrieben =)
Die if_Abfrage dient dazu, bei einem Feld ohne value kein /n dazwischen zu hauen. Z.B. falls man ein opt feld dabei hat das nur einen Namen aber keine val hat ("bitte wählen" oder sowas).

viel spass damit
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück