自动填充代码？

Question

我目前正在尝试编写一些代码来自动填充字段。我实际上已经完成了大约90％的工作，直到现在。

当我想在数据库中按姓氏搜索人时，从＆＃39; s开始。例如，我打字＆＃39;在输入姓氏字段中，以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的文本字段输入姓氏的值将设置为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());
 });