1) Default Hyjack Select

This is the default hyjack select loaded with 20 options which repeat and contain duplicates. Feel free to click the buttons below performing simple events on the new hyjack select.

Volvo Saab Mercedes Audi Volvo Saab Mercedes Audi Volvo Saab Mercedes Audi Volvo Saab Mercedes Audi Volvo Saab Mercedes Audi

2) Hyjack using Filter Setting

This example shows the different "filter" or search algorithms built into hyjack. These algorithms determine how hyjack should display the options after users start typing words. There are three options available to use:

• like: this is the default and searches 'like' terms
• first: this searches options based on the first letter / word (try typing the letter 'a')
• words: this searches multiple words, basically ignoring the space bar (try typing with a space bar)

Feel free to change the algorithms, using the dropdown list, to get a feel of how each one works. If you know of a better algorithm, or have an idea, please let us know we are always looking to improve!

Saab Mercedes or Saab Audi Apple Asprin Mercedes Audi or Volvo Volvo Saab Mercedes

3) Hyjack using Restricted Search Setting & Dynamically Add Options

In this example we have set the restricted search setting to "true", forcing a user to only select from the options we allow. For example, try typing "Apple", although there are no options available - when we click away, the previous search is cleared restricting a search to only available options. Additionally, you can dynamically add 5 new items to this hyjack using the buttons below.

Saab Mercedes Audi Volvo Saab Mercedes Audi Volvo Saab Mercedes

4) Modifying Hyjack Width and Offset Setting

By default hyjack takes the width of the original select, however; this will chop off the longest option value (since we now have a cancel 'x' button to deal with). If you would like to modify the width or increase the offset setting use the dropdown lists below.

Saab Mercedes Audi Volvo Saab Mercedes Audi Volvo Saab Mercedes

5) Global Functions

These are just examples of globally updating and disposing hyjacked controls. This example is showing how quickly you can affect each hyjack on the page.