可搜索下拉列表
提问于 2017-06-01 17:26:57
我想在我的网站下拉列表上方做一个搜索输入框，想告诉我如何制作一个可搜索的下拉列表？
echo "<td>";
echo "<select name='customer_name' style='width: 300px;'>";
$sql = mysql_query("select * from master_add where tipe = 'customer'");
while ($r = mysql_fetch_array($sql))
{
echo "<option value='$r[desc1]'>$r[desc2]</option>";
}
echo "</select>";
echo "</td>";
回答 2
Stack Overflow用户
发布于 2017-06-07 22:52:30
您可以尝试使用silviomoreto/bootstrap-选择来构建可搜索下拉列表。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<select class="selectpicker" data-live-search="true">
<option>Mustard</option>
<option>Ketchup</option>
<option>Barbecue</option>
</select>请参阅https://silviomoreto.github.io/bootstrap-select/examples/#live-search
Stack Overflow用户
发布于 2017-06-01 23:47:40
你有两个解决方案：
- PHP ->您提交了研究的值，并使用它动态地创建菜单。如果你的下拉列表真的很大，或者你没有在开始的时候打印所有可能的结果，那就很棒了。
- JS ->您需要在输入的submit/keyup操作上调用一个函数。然后，您可以像用php (仍然是js样式)那样重写新菜单，或者隐藏/显示所需的元素。
然而，由于研究的泄露，你的问题似乎不受欢迎:你不能只问“我怎么能做到”，你需要展示使用真正的代码，这样我们才能帮助你，而不是为你做。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44319457
复制相关文章
![读取本地数据库文件[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/3cf954e24de299f5a62ed416ddbdbb81.png)
点击加载更多
腾讯云开发者
