SEO Friendly Select

From UL to Select - the JQuery way!

Ever used Select-listboxes with redirects in HTML? Ever thought of what would happen if someone would turn their javascript off? Or if a Search Engine would try to crawl the page? Well, if you ever thought of it. You don't have to think about it again!

Just use Searchable Select with JQuery. It will take care of all these nasty nightmares!

So what does Searchable Select do?

Well... It turns nice UL-lists like:

  • Navigate to:
  • The master of all - Google!
  • Or check out it's sidekick - MSN

Into Select-elements like:

  • Navigate to:
  • The master of all - Google!
  • Or check out it's sidekick - MSN

Dude! How do I start?

  1. Download Searchable Select's JQuery sourcecode
  2. Include the script in your site
  3. Create a new UL-list element and attach the class "SearchableSelect" to it
  4. Fill the list with linked items
  5. Attach the class "SelectedItem" to the list-item(LI) you want to pre select
  6. And voilá, use freely!

To style your select, simply use [Id of UL-element]_Select as you CSS-selector Id. Which in this case would be myAltSelect_Select. You can also access all selects by the class "SearchableSelect".

Feel free to pass the word around, and maby.. link?

Psst. Backlink:

Enjoy! /Robin