$(jquery)
them's the breaks

jquery.combobox.api

version 0.1.2

parameters

properties

  • none

functions

events


parameters

options

  • comboboxContainerClass
    • the CSS class name for the entire control
  • comboboxValueContainerClass
    • the CSS class name for the area that contains the selected value and the drop-down button
  • comboboxValueContentClass
    • the CSS class name for the selected value displayed
  • comboboxDropDownClass
    • the CSS class name for the drop down list container
  • comboboxDropDownButtonClass
    • the CSS class name for the drop down button
  • comboboxDropDownItemClass
    • the CSS class name for an item in the drop down list
  • comboboxDropDownItemHoverClass
    • the CSS class name for an item when the mouse is over
  • comboboxDropDownGroupItemHeaderClass
    • the CSS class name for the group header item in the drop down list
  • comboboxDropDownGroupItemContainerClass
    • the CSS class name for the group section in the drop down list
  • animationType
    • the CSS class name for the type of animation for the drop down list
  • width
    • the width of the combobox control
  • height
    • the maximum height of the drop-down list.

functions

update()

forces the jquery.combobox to update the list of values. normally called when the underlying Select element has been updated via code.

usage:
$("select").combobox.update();

 

updateSelection()

forces the jquery.combobox to update the displayed value of the underlying Select element. normally called when the selectedIndex of the underlying Select element has been changed via code.

usage:
$("select").combobox.updateSelection();


events

onChange

fires when the user selects a different value other than the currently selected value

usage:

var elementJQ = $("#id").combobox();
elementJQ.combobox.onChange = function(){};

or
$("#id").combobox().onChange = function(){};

or
use a normal onChange event for the select:
<select id="testSelect" onchange="javascript:doSomething();"></select>