Question

我有一个HTML表单。在一个输入字段中，我必须插入客户。

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

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

我没有找到做这样的事情的例子，但我知道很多网站都使用这种东西。

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

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

谢谢

Answer 1

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

<强> HTML

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

POPUP 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'));
});

填写来自＆＃34;外部＆＃34;的输入字段。名单

1 个答案: