在jQuery Chosen中开始搜索第一个按键

时间:2013-08-31 13:16:48

标签: jquery html jquery-chosen

我使用jQuery chosen替代普通的html'select'。我浏览了它的文档和源文件,但无法实现我想要的。

我的数据库非常大(50K条目)。我用这些数据填充选择标签。 当我点击这个选择时,需要很长时间才能下降。

Here is the demo of my project.

我可以选择以下内容吗?

- 当我点击选择标签它不应该最初显示所有数据。

- 当我进入至少一个字符时,应显示结果。

如果不可能,是否有其他选择可以解决问题? 感谢。

2 个答案:

答案 0 :(得分:1)

这可能是你需要的: 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);
?> 

答案 1 :(得分:1)

尝试使用Combobox版本的jQuery自动填充:http://jqueryui.com/autocomplete/#combobox

它可以帮助您使控件像下拉列表和自动完成一样工作。

希望它有所帮助!!!