【原】javascript下拉组件之combobox

效果实现如下：

combobox使用讲解
一、在页面里引用combobox.js(下载文件里有)
<input class="group-input" type="text" value="不定向">
<script type="text/javascript" src="/php/views/js/combobox.js"></script>

二、在js文件里 调用combobox()函数

var attrList = new Object();
var data = [], i, j=0;
attrList["a"] = "qq游戏";
attrList["b"] = "hello world";
attrList["c"] = "123456789";
attrList["d"] = "你好";
attrList["e"] = "7788";
for (i in attrList) 
{
	data[j] = {};
	data[j].val = i;
	data[j].txt = attrList[i];
	j++;
}
$("input[name=name]").click(function(){
	$(this).combobox( data,
	{
		supportPinyin:true,  //是否支持中文、英文字母模糊查询
		//imageUrl: '',      //下拉图标链接，不传则默认的
		cssUrl: 'default',   //样式文件链接，不传则默认的
		callBack:function(val,txt){   //选中后回调
			alert(val+"--"+txt);
		} //end callBack
	});
});

点此下载实例代码