In Textfeld eingabe und in SELECT zu Buchstabe springen!
Webbi
- javascript
0 Ralf Walther0 Webbi
Moin Moin
Hab mal ne Frage zu Javascript!
Folgendes Problem!
Daten werden aus ein DB in einem Pulldown angezeigt (viele Einträge)!
Ich habe ein Textfeld!
In das Textfeld möchte ich nun nach und nach Buchstaben eingeben und im Pulldown soll es dann zu den Einträgen springen!
SPRICH:
<p>
<input type="text" name="textfield">
</p>
<p>
<select name="select" size="1">
<option value="a">a</option>
<option value="b">b</option>
<option value="be">be</option>
<option value="ber">ber</option>
<option value="bet">bet</option>
<option value="c">c</option>
</select>
</p>
Was muss ich jetzt genau schreiben!
Danke schon mal! ;)
Webbi
PS: Hab noch keine so große Ahnung von JS! ;(
Eine JS-Funktion, die zur Option mit gleichem Wert springt lautet
function springe()
{
for (var i=0;i < document.formular.select.options.length; i++)
{
if(document.formular.select.options.text== document.formular.textfield.value)
{
document.formular.select.options.selectedIndex=i;
break;
}
}
}
Einbinden tust Du sie in dem Du das Textfeld so veränderts:
<input type="text" name="textfield" onChange="springe()">
Gruß Ralf
Hallo nochmal!
Scheint nicht zu gehen!
Hab es an mein Formular noch abgepasst aber geht leider net!
Bei mir:
formular = TerminForm
select = kunde
textfield = suche
Könnte es vielleicht daran liegen, dass ich 2 select-felder habe (haben aber einen anderen namen).
Webbi
Eine JS-Funktion, die zur Option mit gleichem Wert springt lautet
function springe()
{
for (var i=0;i < document.formular.select.options.length; i++)
{
if(document.formular.select.options.text== document.formular.textfield.value)
{
document.formular.select.options.selectedIndex=i;
break;
}
}
}Einbinden tust Du sie in dem Du das Textfeld so veränderts:
<input type="text" name="textfield" onChange="springe()">
Gruß Ralf