Webbi: In Textfeld eingabe und in SELECT zu Buchstabe springen!

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! ;(

  1. 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

    1. 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