Bootstrap Search Suggest与php边输入边查询

Bootstrap Search Suggest与php边输入边查询

做项目碰到个需求，需要在输入的过程中动态的请求后端接口，并把数据显示在下拉框下面，类似淘宝或者百度搜索的那种推荐功能，找了鞋子了，很多都是复制粘贴，看的云里雾里。最后决定自己看官方文档来解决。

html代码：

js代码：

indexId: 0, //每组数据的第几个数据，作为input输入框的 data-id，设为 -1 且 idField 为空则不设置此值 indexKey: 0, //每组数据的第几个数据，作为input输入框的内容 idField: '', //每组数据的哪个字段作为 data-id，优先级高于 indexId 设置（推荐） keyField: '', //每组数据的哪个字段作为输入框内容，优先级高于 indexKey 设置（推荐）

参考手册可以看到所有的参数设置：​​class="dropdown-menu dropdown-menu-right" role="menu" style="padding-top: 0px; max-height: 375px; max-width: 800px; overflow: auto; width: auto; transition: 0.3s; left: -245px; right: auto; min-width: 278px; padding-right: 20px;">

效果图：

遇到的问题：

我想传输两个参数到后台接口，但是不知道怎么传，知道的同学麻烦贴一下代码，我目前这个代码只能传输一个参数，我的后端使用Laravel写的，用的都是路由传参。

我是一个后台开发者，现在独立开发一个后台管理系统，用到了你的bootstrap suggest插件，遇到以下两个问题： 1、请求后端url接口的时候，我想传两个参数过去，第一个参数是下拉框选择的类别，第二个是input框输入的值，我现在只能传输input里面的过去，下拉框不知道为啥就是传不过去啊； 2、我想在inpu输入框输入选择后显示是一个值，实际传到后台是另一个值，如何做到？

例如，我后端php传过来

[ {"id":229,"email":"test_25@qq.com","user_name":"test_25@qq.com"}, {"id":229,"email":"test_25@qq.com","user_name":"test_25@qq.com"}]

这样的值，我想选择后placeholder变成email的值，实际传到后台的value值是id。

作者的博客：​​https://lzw.me/a/php-xdebug.html​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。