jQuery.combobox, 给文本框添加下拉选项的轻量级插件

Description

jQuery.combobox is a lightweight jQuery plugin which transforms a textbox into a combobox, so users can enter text or select from supplied options.

It could be called more than once on the same textbox, however only the first time calling counts -- which means you can't change the suggestions once the combobox is created.

It would work with jQuery.bgiframe plugin to fix the IE select/zIndex bug if you include it in the same page.

Tested in IE 7, Firefox 3.

Updates

2009-3-18
Suggestion matching is now case-insensitive
The second time setting up combobox on the same textbox is working now
Fixed the IE relative z-index bug by avoiding relative positioning

Demostartion

Combobox 1

Combobox 2

This is a select box to see if there is a problem in IE.

Usage

Html

<input class="combo" />

Script

<link href="jquery.combobox.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.combobox.min.js"></script>

jQuery('.combo').combobox(['option1', 'option2', 'option3', ...], {imageUrl : '/images/dropdown.gif'});

 

Copyright

It's released under the MIT licence, so use it however you want.

By deerchao@gmail.com on 2009-3-16

Download

https://files.cnblogs.com/deerchao/jquery.combobox.zip

posted on 2009-03-16 15:43  deerchao  阅读(18560)  评论(4编辑  收藏  举报