0

我想知道是否有人可以提供帮助。我正在使用一个从数据库自动完成的脚本,除了一个我想知道是否有人可以帮助我的问题之外,它工作正常。

单击自动建议时,它会很好地用选择填充文本框,但是如果您尝试进行另一个选择(通过再次开始输入),它不会用新选择填充文本框,它只会保留旧选择。

下面是我的代码...

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>

查询:

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

我已经通过它,似乎无法找到问题。

提前感谢任何可以对此有所了解的人

4

2 回答 2

1

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

于 2012-11-21T13:42:10.317 回答
1

可能很简单:

jQuery("#divResult2, #divResult2 span").on("click",...
于 2012-11-21T14:20:19.277 回答