Javascript 自动完成代码？

我目前正在尝试编写一些代码来自动完成一个字段。事实上，我已经完成了90%左右的工作，到目前为止，它仍然有效

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

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

谁能帮帮我吗？我可以使用什么代码来执行上述任务

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

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

rs.getString（1）

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

<script type="text/javascript">

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

</script>

函数填充（thisValue）{
$（'#inputString'）.val（thisValue）；
}

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

但是，当我单击下拉列表中的名称时，不会发生任何事情。“输入姓氏”字段未填充任何数据。我必须手动输入名称，这违背了自动完成系统的目的

有人能给我引路吗

谢谢你的阅读

---

假设列表是一个

。
假设列表是一个
。
：

// 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());
});

将类添加到
div
，如下所示

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

看看jQuery TokenInput库：loopj.com/jQuery TokenInput/@user3391344为什么不使用现有的jQuery库之一？例如
$(".row").click(function(e){
       $("#inputstring").val($(this).html());
 });