jquery在选择框更改时自动完成

我的HTML

单位：
挑选
1/A
1/B
1/C
1/D

Jquery：

Unit : <select name="unit_id" id="unit_id">
    <option value="Select">Select</option>
    <option value="1a">1/A</option>
    <option value="1b">1/B</option>
    <option value="1c">1/C</option>
    <option value="1d">1/D</option>
    </select>

$（函数（）{
$（'单位id'）。自动完成(
{
来源：“index.php/autocomplete/find\u customer\u name”，
选择：功能（事件、用户界面）
{
document.getElementById（'customer_id'）。value=ui.item.customer_id；
document.getElementById（'customer\u name'）。value=ui.item.customer\u name；
document.getElementById（'customer\u name1'）。value=ui.item.customer\u name；
document.getElementById（'dsp_到期日'）。innerHTML=ui.item.due_余额；
document.getElementById（'dsp_custp'）。innerHTML=ui.item.package_name；
}
});

}))

我想在选择框中使用我的自动完成。同样的代码在input.text框中也能正常工作，但我需要它作为选择框。有什么帮助吗？

---

谢谢

我使用了之前提到的，但发现twitter更符合我的喜好。在这种情况下，这两种方法都非常有效。为什么要重新设计方向盘？

试试

查找客户名称
操作是有效的JSON响应吗？
$(function(){ 

$('#unit_id').autocomplete(
{
source: "<?php echo base_url(); ?>index.php/autocomplete/find_customer_name",
select: function(event, ui)
{
document.getElementById('customer_id').value = ui.item.customer_id;
document.getElementById('customer_name').value = ui.item.customer_name;
document.getElementById('customer_name1').value = ui.item.customer_name;
document.getElementById('dsp_due').innerHTML = ui.item.due_balance;
document.getElementById('dsp_custp').innerHTML = ui.item.package_name;

}
});