Calocybe: Select ändert Select/Text

Beitrag lesen

Hallo!

Ein kleiner Tip: In Event-Handler zeigt das keyword 'this' immer auf das Element, zu dem der Eventhandler gehoert. In Deinem onChange repraesentiert 'this' also diese Select-Box. Desweiteren hat jedes Formular-Element die Eigenschaft 'form', welche auf das Formular zeigt, in dem das Element enthalten ist. 'this.form' wuerde daher auf das Formular zeigen, wo wiederum die Eigenschaft 'text1' (aber nur in *diesem* Formular) auf das Textfeld zeigt. Dein Code laesst sich daher ein wenig vereinfachen wie folgt:

Dass sollte folgendermassen funktionieren:

<script language="javascript">

function textaendern(select) {
        var auswahl = select.options[select.selectedIndex].value;
        select.form.text1.value = "Sie moechten also" + auswahl + "anzeigen?";
    }

</script>
<form name="form1">

»»  <select name="select1" size="5" onChange="textaendern(this))">

<option value="auswahl1">auswahl1
  <option value="auswahl2">auswahl2

»»  </select>

»»  <input type="text" name="text1" size="50" maxLength="50" value="Sie moechten also auswahl1 anzeigen?">
</form>   <!-- nicht vergessen -->

Ganz nebenbei hat das auch den Vorteil, dass Du mal eben das Formular anders nennen kannst und der Code trotzdem noch funktioniert, ist also portabler.

So long