javascript - 自动完成代码？

Question

我目前正在尝试编写一些代码来自动完成字段。我实际上已经完成了 90% 左右，并且到目前为止还有效。

当我想在数据库中按姓氏搜索人员(例如以“s”开头)时，我在“输入姓氏”字段中键入“s”，则所有以 s 开头的姓氏都是 显示。到目前为止我对结果很满意。请看下图:

但是，我无法编写适当的代码，以便当用户单击下拉列表中的名称时，允许在“输入姓氏”字段中填充该名称。

有人可以帮助我吗？我可以使用哪些代码来执行上述任务？

我对下拉列表中的每一行使用了下面的代码。 rs.getString(1) 表示从 MySQL 数据库检索的名称。

<div onclick='fill(rs.getString(1));'>rs.getString(1)</div>

此外，在html页面的头部，我声明了一个javascript函数，如下所示:

<script type="text/javascript">

function fill(thisValue) {
           $('#inputString').val(thisValue);
}

</script>

我在想，当用户单击下拉列表中的名称时，将调用 fill 函数，并将该函数的参数 thisValue 设置为 rs.getString(1)。最后，具有属性 id=inputString 的文本字段 Enter Last Name 的值将设置为 rs.getString(1)。因此，我可以根据用户点击的内容填充文本字段“输入姓氏”。

但是，当我单击下拉列表中的名称时，没有任何反应。输入姓氏字段未填充任何数据。我必须手动输入名称，这违背了自动完成系统的目的。

有人可以指导我吗？

感谢您的阅读。

问候

Answer 1

向 div 添加一个类，如下所示。

<div class='row'>rs.getString(1)</div>

现在在 Jquery 中使用以下代码。

$(".row").click(function(e){
       $("#inputstring").val($(this).html());
 });