html dynamic <input list =“”/>

Question

 <input list="browsers" name="browser" />
 <datalist id="Names">
 <option value="AD">
 <option value="AB">
 <option value="CD">
 <option value="DA">
 <option value="EB">
 </datalist>

当用户开始输入输入时，它应该连接到数据库并应该获取结果并显示在下拉菜单中。

不确定使用哪种语言来满足需要

有没有办法解决这个问题？

提前致谢

Answer 1

我认为你想要做的是在搜索框或类似的东西中自动完成。在这种情况下，您将需要使用javascript来检测客户端上的更改并将其发送到以JSON格式返回结果的服务器。然后，将JSON转换为html选项。以下是一些使用jquery http://www.devbridge.com/projects/autocomplete/jquery/

的有用工具和概念

Answer 2

如果您在服务器端自动生成此HTML，那么我可以建议您查看Java Server Pages以获取HTML生成，并JDBC查看数据库端。您将使用JDBC与数据库通信并提取合适的值，并使用JSP呈现为HTML并呈现此内容。

由于您需要一些AJAX功能，我可以指向DWR，它提供了一个非常好的框架，用于在浏览器中公开Java对象并处理这类内容。

Answer 3

使用PHP：

<input list="browsers" name="browser" />
 <datalist id="Names">
 <?php
    // query the database and store the options in the array $names
    foreach($names as $name) {
        echo "<option value=" . $name . ">";
    }
 ?>
 </datalist>