请教一个js，自动补全+下拉框二级联动
我现在想实现这样的一个功能，通过选择手机的品牌查询手机的机型，用的是二级联动，在选择手机品牌的时候要用自动补全的效果，如输入一个“联”，就出来“联想”和“联乐”，然后选择其中一个，能够级联出后面的机型，即联想的所有机型。
截图如下：

图1 二级联动

图2 输入“联”的效果
   


我现在的问题就是第一个下拉框加不了任何事件，onchange、onblur都加不了，所以后面的型号都出不来。
我用的是jquery的插件，
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/icon.css">

<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.easyui.min.js"></script>

 <!-- 手机品牌 -->
<html:select property="phone" styleClass="easyui-combobox" styleId="phone" >
  <html:option value="">请选择品牌</html:option>
  <html:optionsCollection name="list" value="key" label="value"/>
</html:select> 
 <!-- 手机型号 -->
<select name="type" id="type"></select>

请问怎么样能在选了一个手机牌子后能够出来后面型号，求js高手指教！万分感谢！

------解决方案--------------------
http://xieruilin.iteye.com/blog/1002372
http://crazymud.iteye.com/blog/413122

这种例子网上搜应该是有大把的。