自动补全的代码？
自动补全的代码？
提问于 2014-06-02 18:52:49
我目前正在尝试写一些代码来自动完成一个字段。我实际上已经完成了大约90%，到目前为止它都是有效的。
当我想要在数据库中按姓氏搜索人员时，例如以's‘开头，并在Enter last name字段中键入'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)。因此，我可以根据用户单击的内容填充文本字段Enter Last Name。
但是，当我在下拉列表中单击一个名称时，没有任何反应。“Enter Last Name”字段未填充任何数据。我必须手动输入名称，这违背了自动完成系统的目的。
有没有人能给我带路？
感谢您的阅读。
问候
回答 2
Stack Overflow用户
发布于 2014-06-02 19:00:35
向div添加一个类，如下所示。
<div class='row'>rs.getString(1)</div>现在，在Jquery中使用以下代码。
$(".row").click(function(e){
$("#inputstring").val($(this).html());
});Stack Overflow用户
发布于 2014-06-02 18:59:58
假设列表是一个<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());
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23992811
复制相关文章
相似问题
腾讯云开发者
