Good Javascript Combo Box Ersatz für Combo-Boxen mit Tonnen von Elementen?



whatwg dom (6)

In HTML 5 gibt es ein Standard-Kombinationsfeld.

Momentan unterstützt nur Opera es, aber wenn du zufällig Zeitreisender bist oder Opera-only schreibst, ist das eine nette Lösung :)

<input type=text list=listid>
<datalist id=listid>
  <select><option>1<option>2</select>
</datalist>

Ich habe eine Seite, wo meine Combo-Box Hunderte von Elementen hat, die es sehr schwer macht, den einen Artikel auszuwählen, den ich möchte. Gibt es einen guten Javascript-Ersatz, der es besser machen würde?

<select id="field-component" name="field_component"> 
                  <option selected="selected">1</option><option>2</option>...
</select>

Gibt es etwas mit "Intellisense" -ähnlichen Auto-Vervollständigen?




Sie haben dhtmlCombo , verwenden Ajax , um Daten abzurufen, wenn Sie das Eingabefeld ausfüllen.

dhtmlxCombo ist eine Cross-Browser-JavaScript-Combobox mit Autocomplete-Funktion.

Es erweitert die grundlegenden Funktionen von Selectbox, um die Anforderungen der aktuellsten Webanwendungen zu erfüllen.

DhhtmlxCombo kann von vorhandenem HTML-SELECT konvertiert oder mit JavaScript gefüllt werden. Unterstützt AJAX, kann es auch Listenwerte von der Server-Datenquelle dynamisch abrufen .



Nur eine Anmerkung: Wenn das Auswahlfeld aktuell fokussiert ist, können Sie auf Ihrer Tastatur tippen und es führt Sie zu der Auswahl, die mit diesem Text beginnt. Wenn Sie also "ken" in ein US-State-Dropdown-Feld eingeben, wird automatisch die Option "Kentucky" ausgewählt .


Überprüfen Sie das jQuery Autocomplete- Plugin, es ist einfach zu verwenden, Sie müssen nur eine JSON-Antwort-Server-Seite generieren.

Siehe diese Demos .





dhtml