在输入搜索PHP中选择ajax结果并替换
我希望选择结果Ajax请求并在输入中替换它。 结果显示在结果div中,我希望选择其中一个并插入到移动输入和隐藏结果在输入搜索PHP中选择ajax结果并替换,php,jquery,ajax,Php,Jquery,Ajax,我希望选择结果Ajax请求并在输入中替换它。 结果显示在结果div中,我希望选择其中一个并插入到移动输入和隐藏结果 <form method="post" action="#" class="form-horizontal" id="adduser"> <div class="form-group"><label class="col-sm-2 control-label">Mobile</label> <div class="col-
<form method="post" action="#" class="form-horizontal" id="adduser">
<div class="form-group"><label class="col-sm-2 control-label">Mobile</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="mobile" id="mobile" autocomplete="off" />
<div id="result"></div></div>
</div>
<input type="submit" name="useradd" id="useradd" class="btn btn-block btn-w-m btn-success" value="add">
</form>
ajax jquery:
<script>
$(document).ready(function(){
var req = null;
$('#mobile').on('keyup', function(){
var mobile = $('#mobile').val();
if (mobile && mobile.length > 2)
{
$('#loading').css('display', 'block');
if (req)
req.abort();
req = $.ajax({
url : 'ajax.php',
type : 'POST',
cache : false,
data : {
mobile : mobile,
},
success : function(data)
{
console.log(data)
if (data)
{
$('#loading').css('display', 'none');
$("#result").html(data).show();
}
}
});
}
else
{
$('#loading').css('display', 'none');
$('#result').css('display', 'none');
}
});
});
</script>
在Ajax.php中获取数据并返回
if(isset($_POST['mobile'])) {
$user = new User();
$result = $user->Searchuser($_POST['mobile']);
$mobiles= array();
$names = array();
while ($info = $result->fetch(PDO::FETCH_ASSOC)) {
echo $info['firstname'].'-'.$info['mobile'].'<br/>';
}
}
看这张照片:
我想选择Dany并将其插入移动输入除了代码之外,我无法理解您的问题!彼此彼此!但只要阅读您的代码:我最好只将数据返回到ajax,而不是完整的html。应该是这样的。就在$info['firstname']之后,我添加了一个图像来更好地解释这个问题