2014-11-08 2 views
0

Я сделал эту страницу автозаполнения .. я хочу, когда я нажму на результат ajax (электронная почта), на третьей странице ajax отобразится имя пользователя, похожее на google, когда вы начнете вводить текст и выберите поиск u хотите сделать результат приходитphp ajax autocomplete dropdownlist

index.php

<html> 
<head> 
<script src="jquery.js"></script> 
<link rel="stylesheet" href="style.css"/> 
</head> 
<body> 
<input type="text" name="search" id="live"/> <input type="submit" name="ok" value="Search"/> 
<div class="show"> 
<ul class="dropdown"> 

</ul> 

</div> 


<script> 
$(#live).keyup(function(){ 


$.ajax({ 
type: "POST", 
url: "ajax.php", 
data:{"search":$("#live").val()}, 
success: function(msg){ 
$(".dropdown").html(msg); 
} 
}); 



}); 
</script> 
</body> 
</html> 

ajax.php

<?php 
$search=$_POST[ search ]; 
$connect=mysqli_connect("localhost","root","","candy"); 
$query=mysqli_query($connect,"SELECT * FROM users WHERE email LIKE $search% "); 
if(!empty($search)){ 
$num=mysqli_num_rows($query); 
if($num != 0){ 

while($row=mysqli_fetch_array($query)){ 

echo "<li class= result >$row[email]</li>"; 
} 
} 
else{echo "NO search result found"; } 

} 

?> 

result.php

я хочу, чтобы отобразить имя выбранного электронной почты

ответ

0

использование .on() событий с раскрывающимися списками, как

// For dynamic Elements 
$('.dropdown').on('click', 'li', function(){ 
    // Get the selected Email 
    var email = $.trim($(this).text()); 

    // Send ajax request like you send before 
    // with email address and display result wherever required 
    $.ajax({ 
     ......... 
    }); 
}); 
+0

я попробовал его и сделать Аякс отправить запрос на результат третьей страницы. php, но я получаю неопределенную переменную –

0

Почему вы не отправить имя пользователя с электронной почтой как скрытые данные? Нечто подобное в вашем ajax.php:

echo "<li class='result' data-username='$row[username]'>$row[email]</li>"; 

С JQuery вы сможете получить это свойство имени пользователя:

$('.dropdown').on('click', '.result', function(){ 
    alert($(this).attr('data-username')); 
} 
+0

ее не работает ....... любые другие предложения –