从“0”填充输入字段；外部“；列表 - Fill an input field from an "external" lists

Fill an input field from an "external" lists

我有一个html表单。在一个输入字段中，我必须插入Customer。

我有一个mysql数据库，里面有所有的客户（可能有1000个或更多）。由于有很多结果，我不想使用下拉列表或类似的东西。

我想在输入字段附近放一个按钮，当我点击它时，它会创建一个弹出窗口，其中包含所有客户的列表和一些可定制的过滤器，这样我就可以搜索并双击所需的客户，它会将客户名称（ID在值中）放在输入表单中。

我找不到这样的例子，但我知道很多网站都使用这种东西。

你能帮我找一个例子吗？或者你能给我一些如何继续的提示吗？

使用的语言：HTML、PHP、mysql、jquery、javascript

感谢

点击按钮，使用ajax调用一个PHP文件，将所有客户加载到一个弹出框中。调用dblclick()jquery函数，将客户的value、id添加到输入字段中。

HTML

<input type="text" class="inputField" name="CustomerName" />
<input type="text" class="inputField2" name="CustomerId" />

弹出HTML

<ul>
<li><span data-cust-value="Cutomer some" data-cust-id="2" >Cutomer some</a></li>
<li><span data-cust-value="Cutomer some one" data-cust-id="3" >Cutomer some one</a></li>
</ul>

JQuery

$( ".customerValues" ).dblclick(function() {
    $('.inputField').val($(this).attr('data-cust-value'));
    $('.inputField2').val($(this).attr('data-cust-id'));
});