Textfelder Archive - oreillyblog https://oreillyblog.dpunkt.de/tag/textfelder/ IT, Social Media & Geek Life von und mit O'Reilly-Büchern Wed, 21 Jul 2010 12:05:24 +0000 de hourly 1 https://wordpress.org/?v=6.2.8 https://oreillyblog.dpunkt.de/wp-content/uploads/2017/05/cropped-oreilly_blog_header_2017_2-32x32.jpg Textfelder Archive - oreillyblog https://oreillyblog.dpunkt.de/tag/textfelder/ 32 32 jQuery-Rezept: Textfelder automatisch vervollständigen https://oreillyblog.dpunkt.de/2010/07/21/jquery-rezept-textfelder-automatisch-vervollstandigen/ https://oreillyblog.dpunkt.de/2010/07/21/jquery-rezept-textfelder-automatisch-vervollstandigen/#respond Wed, 21 Jul 2010 12:04:31 +0000 https://oreillyblog.dpunkt.de/?p=5269 Problem Es gibt zwei HTML-Eingabefeld-Typen, bei denen ein Anwender einen Wert aus einer Liste bestehender Werte auswählen kann: Radio Buttons und Selects. Radio Buttons sind für Listen mit bis zu acht Einträgen sinnvoll, während Selects bis zu 30 oder 150 Einträgen noch gut anwendbar sind – abhängig von der Art der Daten. Wenn der Anwender aber auch einen neuen Wert eintragen kann, helfen sie nicht weiter – meist wird ihnen dann ein Feld »Andere« beigestellt. Wird die Liste richtig groß – 500 oder sogar 500.000 Einträge, dann sind auch sie nicht mehr verwendbar. Lösung Das Autocomplete-Widget von jQuery UI kann die verschiedenen Situationen abdecken, in denen ein Select nicht ausreichend ist. Im einfachsten Fall sind die anzuzeigenden Daten in einem JavaScript-Array verfügbar: Wählen Sie einen Monat aus: var months = [’Januar’, ’Februar’, ’März’, ’April’, ’Mai’, ’Juni’, ’Juli’, ’August’, ’September’, ’Oktober’, ’November’, ’Dezember’]; $("#month").autocomplete({ source: months }); Hier wenden wir das Autocomplete-Plugin auf ein Eingabefeld für einen Monat an, wobei die Daten in einem einfachen JavaScript-Array bereitgestellt werden. Sind die Daten noch nicht auf Client-Seite vorhanden, …

Der Beitrag jQuery-Rezept: Textfelder automatisch vervollständigen erschien zuerst auf oreillyblog.

]]> https://oreillyblog.dpunkt.de/2010/07/21/jquery-rezept-textfelder-automatisch-vervollstandigen/feed/ 0