我正在使用jQuery作为普通 html 'select' 的替代品。我浏览了它的文档和源文件,但无法实现我想要的。
我的数据库非常大(50K 条目)。我用这些数据填充选择选项卡。当我单击此选择时,需要很长时间才能下拉。
我可以在选择中实现以下目标吗?
- 当我单击选择标签时,它最初不应该显示所有数据。
- 当我输入至少一个字符时,应该会显示结果。
如果不可能,是否有替代选择可以解决问题?谢谢。
我正在使用jQuery作为普通 html 'select' 的替代品。我浏览了它的文档和源文件,但无法实现我想要的。
我的数据库非常大(50K 条目)。我用这些数据填充选择选项卡。当我单击此选择时,需要很长时间才能下拉。
我可以在选择中实现以下目标吗?
- 当我单击选择标签时,它最初不应该显示所有数据。
- 当我输入至少一个字符时,应该会显示结果。
如果不可能,是否有替代选择可以解决问题?谢谢。
这可能是您需要的: http ://www.w3schools.com/tags/tag_datalist.asp
(或至少非常接近)
<input list="browsers">
<datalist id="browsers">
<?php
$con=mysqli_connect("example.com","peter","abc123","my_db");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$result = mysqli_query($con,"SELECT * FROM Persons");
while($row = mysqli_fetch_array($result))
{
echo "<option value='".$row['FirstName'] . "' /> "
echo "<br>";
}
mysqli_close($con);
?>
尝试使用 jQuery 自动完成的组合框版本:http: //jqueryui.com/autocomplete/#combobox
它将帮助您使您的控件也像下拉和自动完成一样工作。
希望能帮助到你 !!!