Я работаю в поисковой системе с входным файлом ajax php / mysql, когда вы набираете текст, и я хочу выбрать какой-то продукт, и он должен быть вставлен в таблицу.
Я сделал запрос ajax, но он не сохраняется.продукт в таблицу
<div class="container">
<div>
<input type="text" id="txt_search" name="txt_search">
</div>
<ul id="searchResult"></ul>
<div class="clear"></div>
<div id="userDetail"></div>
</div>
.
<script>
$(document).ready(function(){
$("#txt_search").keyup(function(){
var search = $(this).val();
if(search != ""){
$.ajax({
url: 'getSearch.php',
type: 'post',
data: {search:search, type:1},
dataType: 'json',
success:function(response){
var len = response.length;
$("#searchResult").empty();
for( var i = 0; i<len; i++){
var id = response[i]['id'];
var fname = response[i]['fname'];
$("#searchResult").append("<li
value='"+id+"'>"+fname+"</li>");
}
// binding click event to li
$("#searchResult li").bind("click",function(){
setText(this);
});
}
});
}
});
});
function setText(element){
var value = $(element).text();
var userid = $(element).val();
$("#txt_search").val(value);
$("#searchResult").empty();
// Request User Details
$.ajax({
url: 'getSearch.php',
type: 'post',
data: {userid:userid, type:2},
dataType: 'json',
success: function(response){
var len = response.length;
$("#userDetail").empty();
if(len > 0){
var username = response[0]['username'];
var email = response[0]['email'];
$("#userDetail").append("Username : " + username + "<br/>");
$("#userDetail").append("Email : " + email);
}
}
});
}
</script>
Я ожидаю, что этот выбор результатов поиска будет сохранен в массиве, а затем отобразить элементы этого массива в виде таблицы