自动完成代码？

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

假设列表是<ul class='list'><li>... ：

// on clicking the li of ul class .list
$('.list').on('click', 'li', function() {
    // put the text of the ul to the value of the input
    $('#inputString').val(this.text());
});

Answer 2

如下向div添加一个类。

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

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

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