version 0.1
basic
this is the minimum code required to create a jquery.combobox.
note: normally, this script section is placed in the <head> section but can be placed anywhere in the html document as it uses jquery $(function()) which only executes when the document is ready.
html (click to view/hide)
<head>
<title>jquery.combox example</title>
<script type="text/javascript" src="Scripts/jquery.js"></script>
<script type="text/javascript" src="Scripts/jquery.dimensions.js"></script>
<script type="text/javascript" src="Scripts/jquery.combobox.js"></script>
</head>
<body>
<select id="officeItemList">
<option value="1">eraser</option>
<option value="3">pencil</option>
<option value="4">ruler</option>
<option value="5">ink</option>
<optgroup label="paper types">
<option value="7">A4 paper</option>
<option value="8">A3 paper</option>
<option value="9">letter-sized paper</option>
</optgroup>
<optgroup label="chair types">
<option value="10">executive</option>
<option value="11">janitor</option>
<option value="12">developer</option>
</optgroup>
</select>
</body>
script:
<script type="text/javascript">
$(
function()
{
$('#officeItemList').combobox();
});
</script>
live example
note: styles will differ with the default as this site imposes its own styles