✔ über onchange bei Textfeld einen option auswählen

[simonef]

Hallo Leute,

hab ein großes Problem.
Die Seite ist schon fertig, aber alles in asp.
Jetzt würde ich gerne noch eine kleine Benutzerfreundliche Sachen hinzufügen.
Bei den Suchoptionen soll, wenn man eine Option bearbeitet, also z.B. einen Suchbegriff eingibt, auch der entsprechende Optionbutton markiert werden.
Eigentlich müsste das ja über JS einwandfrei gehen. Ich kann auch schon ein Textfeld ändern, aber ich schaffe es nicht, diese Optionbuttons zu verändern.

Wichtig ist leider, dass die Namen und values gleich bleiben können, da ich sonst das ganze asp wieder umändern muss, und das ist es auch wieder nicht wert.

<form width=80% method="POST">
     
<input type="radio" name="OPT" value="Monat" checked>Monat <select name="monat" >
<option>01</option><option>02</option><option>03</option>...</select>

<input type="text" name="txtJahr" maxlength="4" size=3  value="2004" id="txtjahr">
	
<input type="radio" name="OPT" value="Stichwort" >Stichwortsuche
<input type="text" name="txtStichwort" maxlength="60" size=60  value="">
....
<input type="Submit" value="Anzeigen">
</form>

vielen Dank schon mal
cu
Simone

 

[madlds]

Hallo Simone,
vielleicht hlft dir das:
http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#option
(selected)
Gruß
madlds

 

[Quaese]

Hi,

Du kannst das Aktivieren einer Option zum Beispiel über das onfocus-Event
realisieren. Dabei notierst Du, welche Option gewählt werden soll, wenn ein Element
den Fokus erhält.

  onfocus="this.form.OPT[Radiobutton-Index ].checked = true;"

Radiobutton-Index enthält hierbei den Integer-Wert des
gewünschten Radiobuttons beginnend bei 0.

Für Deinen angegebenen Code könnte das wie folgt aussehen:

<form width=80% method="POST">

<input type="radio" name="OPT" value="Monat" checked>Monat
<select name="monat" onfocus="this.form.OPT[0].checked = true;">
    <option>01</option><option>02</option><option>03</option>
</select>
<input type="text" onfocus="this.form.OPT[0].checked = true;" name="txtJahr" maxlength="4" size=3  value="2004" id="txtjahr">

<input type="radio" name="OPT" value="Stichwort" >Stichwortsuche
<input type="text" onfocus="this.form.OPT[1].checked = true;" name="txtStichwort" maxlength="60" size=60  value="">

<input type="Submit" value="Anzeigen">
</form>

Ich hoffe, Dir hilft das weiter.

Ciao
Quaese

 

[simonef]

Hallo Quaese,

wow, danke.

Also so einfach hätte ich mir das dann doch wieder nicht vorgestellt.

nochmal danke

cu
simone

 

[mcewan]

Hat mir auch sehr geholfen!! THX