javascript - Jquery 自动建议不会更新新选择

Question

不知道有没有人可以帮忙。我正在使用一个从数据库自动完成的脚本，除了我想知道是否有人能够帮助我解决的一个问题之外，该脚本运行良好。

当单击自动建议时，它会用所选内容填充文本框，但如果您尝试进行另一个选择(通过再次开始键入)，它不会用新选择填充文本框，而只会保留旧选择。

下面是我的代码...

rtsearch.php(删除 PHP 以节省空间)，用于抓取数据来填充 html 表单和 div:

<div class="display_box2" align="left">
<span class="name"><b><?php echo $country; ?></b>, <span class="bodyotxt"><?php echo $row['town']; ?></span></span>
</div>
<?php } } ?>

实际的 HTML 表单自动完成:

<div><form action="<? $_SERVER['php self'];?>" method="post" enctype="multipart/form-data" name="form1" class="form" id="form1" autocomplete="off">
 <input name="rt" type="text" class="search2" id="inputSearch2" value="" onclick="this.value='';" /></form>
      <div id="divResult2"></div>
 </div>

JQUERY:

$(document).ready(function(){
$(".search2").keyup(function() 
{ 
var inputSearch2 = $(this).val();
var dataString = 'searchword='+ inputSearch2;
if(inputSearch2!='')
{
$.ajax({
type: "POST",
url: "autocomplete/rtsearch.php",
data: dataString,
cache: false,
success: function(html)
{
$("#divResult2").html(html).show();
}
});
}return false;    
});

$("#divResult2, #divResult2 span").on("click",function(e){ 
//var $clicked = $(e.target);
if($(this).parent().attr("id")=="divResult2"){ var $clicked = $(this).parent(); }else{ var $clicked = $(e.currentTarget); }
var $name = $clicked.find('.name').html();
var decoded = $("<div/>").html($name).text();
$('#inputSearch2').val(decoded);
});


$(document).on("click", function(e) { 
var $clicked = $(e.target);
if (! $clicked.hasClass("search2")){
$("#divResult2").fadeOut(); 
}
});
$('#inputSearch2').click(function(){
$("#divResult2").fadeIn();
});
});

我已经浏览过了，但似乎找不到问题所在。

提前感谢任何能够阐明这一点的人

Answer 1

您是否尝试过使用e.currentTarget而不是e.target？