[BNM] jquery auto complete select dropdown

[Julian Blundell]

Hi

In the end used the following article
http://grover.open2space.com/node/190

This uses a form with a hidden field to get the ID from the selection. Works
pretty well.

Jules



2009/7/1 James Moss <email at jamesmoss.co.uk>

> That should be quite straightforward to to.
>
>   1. Get the options from the standard select using jquery and turn it into
>   an array.
>   2. Feed the array into the autocomplete plugin at
>   http://jquery.bassistance.de/autocomplete/<
> http://jquery.bassistance.de/autocomplete/demo/>
>   3. Replace the <select> in the DOM with the new autocomplete widget.
>
> All this should cccur onDomReady ofc.
>
> James Moss | Developer
> Solv.IT | 01273 25 20 24
>
>
> 2009/7/1 Julian Blundell <old at w34u.com>
>
> > Imagine you have
> > <select>
> >  <option value="1">Option 1</option>
> >  <option value="2">Option 2</option>
> > etc.
> > </select>
> >
> > Would be nice just to be able to replace with the input box and the nice
> > ajaxy download without having to do any further coding, it just works,
> > returns the value not the text with the correct name etc. feel that would
> > appeal to a lot of developers who are pushed for time and do not need the
> > full ajaxy search etc.
> >
> > Thanks for the code.
> >
> > Jules
> >
> > 2009/7/1 Max Williams <toastkid.williams at gmail.com>
> >
> > > Hi Julian
> > > We use the one you linked to (
> > > http://jquery.bassistance.de/autocomplete/demo/), without any ajax,
> just
> > > passing it an array that i populate dynamically when the page loads -
> > like
> > > this (in an erb file)
> > >
> > >    function initializeAutocompletes() {
> > >      var postcodes = <%= @postcodes.inspect %>;
> > >      jQuery(".school-postcode-field").autocomplete(postcodes, {
> > >        minChars: 3,
> > >        max: 2000,
> > >        scrollHeight: 500,
> > >        matchContains: true
> > >      });
> > >
> > > I don't understand what you mean by "Trouble is they don't seem to
> think
> > of
> > > the functionality of just replacing
> > > an existing dropdown." though, can you give an example?
> > >
> > > max
> > >
> > >
> > >
> > > 2009/7/1 Julian Blundell <old at w34u.com>
> > >
> > > > Hi
> > > >
> > > > I have a html select list that needs to be changed to an
> auto-complete
> > > type
> > > > like the windows selection stuff
> > > >
> > > > Is there a jquery plugin which does this, preferably not by using
> megga
> > > > ajaxy type stuff, the data is already there after all.
> > > >
> > > > Using this at the moment http://nihilex.com/droplist-filter
> > > > but the client wants it to be more like
> > > > http://jquery.bassistance.de/autocomplete/demo/
> > > >
> > > > Trouble is the don't seem to think of the functionality of just
> > replacing
> > > > and existing dropdown.
> > > >
> > > > Can anybody help?
> > > >
> > > > Jules
> > > > --
> > > >
> > > > BNM Subscribe/Unsubscribe:
> > > > http://www.brightonnewmedia.org/options/bnmlist
> > > >
> > > > BNM powered by Wessex Networks:
> > > > http://www.wessexnetworks.com
> > > >
> > > --
> > >
> > > BNM Subscribe/Unsubscribe:
> > > http://www.brightonnewmedia.org/options/bnmlist
> > >
> > > BNM powered by Wessex Networks:
> > > http://www.wessexnetworks.com
> > >
> > --
> >
> > BNM Subscribe/Unsubscribe:
> > http://www.brightonnewmedia.org/options/bnmlist
> >
> > BNM powered by Wessex Networks:
> > http://www.wessexnetworks.com
> >
> --
>
> BNM Subscribe/Unsubscribe:
> http://www.brightonnewmedia.org/options/bnmlist
>
> BNM powered by Wessex Networks:
> http://www.wessexnetworks.com
>