在表单中搜索字段,然后对所有选择的结果执行某些操作

时间:2012-05-28 20:00:31

标签: php javascript jquery ajax

我想为用户提供打开使用PHP / HTML构建的表单的能力,然后在该表单上有一个框,允许他们搜索员工然后想要发送表单而无需提交表单这个阶段。

他们将获得一个允许他们输入名称或部件名称的搜索框,然后查询找到与输入字符串匹配的所有员工,然后他们选择正确的员工并将该响应者添加到列表中然后他们搜索对于下一个员工等等,直到他们添加了他们喜欢的少数或多个。

一旦他们选择了名称,他们就会填写表格上的其他一些标准字段,然后在“表格”表格中为每个发送的请求创建一个单独的条目。

快乐如何在输入数据库等方面做最后一部分以及如何在PHP / MySQL中进行“正常”搜索但是我应该如何在表单中进行搜索并添加到列表中提交前?

2 个答案:

答案 0 :(得分:1)

您正在寻找的技术是AJAX,它使用javascript在输入时检查表单字段,与php交谈,获取数据,然后将其显示回用户,而无需重新加载页面或汇总表单。您描述的确切内容称为自动完成,其中有许多预先构建的tools(或者您可以构建自己的自定义的具有一些js知识)。我不会尝试在这里发布所有代码,因为它会很长并且涉及但是如果你搜索这些术语,你一定会找到你需要的。

答案 1 :(得分:1)

这一切都可以通过Javascript实现。

如果您的员工人数较少,您可以向该页面发送一系列员工。使用' onchange'表单字段中的事件,以便每个按键操作都会根据键入的文本运行与员工匹配的查找。

您可能没有足够少的员工,而且我也不确定最佳实践倡导者会将您的整个公司地址簿发送到网页中!在这种情况下,您需要使用页面内的Javascript ajax调用来执行相同的操作。在每个按键上,将请求发送回服务器,要求员工匹配文本字符串。

您需要在另一个允许选择的表单窗口小部件中动态显示匹配的员工,或者可能需要在带有复选框等的文本中显示匹配的员工。

有一些插件可以管理所有客户端部分,但您仍然必须将自己的Web服务放在一起进行员工查找。