Спасибо за подсказку.
-Переделал вывод на json
-Настроил вставку нескольких значений в свои поля
Но в силу своей безграмотности и малого опыта не понимаю как реализовать работу с несколькими строками.
Сейчас работает только первая строка.
Т.е. куда и как прикрутить $(this).closest('tr') чтобы не использовать id в полях.
Пожалуйста, помогите докурутить построчную работу.
<div>
<table>
<tr>
<td><input type="text" name="article[]" id="article" placeholder="article" /></td>
<td><input type="text" name="name[]" id="name" placeholder="Name" /></td>
<td><input type="text" name="code[]" id="code" placeholder="Code" /></td>
<td><input type="text" name="ven[]" id="ven" placeholder="ven" /></td>
</tr>
<tr>
<td><input type="text" name="article[]" placeholder="article" /></td>
<td><input type="text" name="name[]" placeholder="Name" /></td>
<td><input type="text" name="code[]" placeholder="Code" /></td>
<td><input type="text" name="ven[]" placeholder="ven" /></td>
</tr>
<tr>
<td><input type="text" name="article[]" placeholder="article" /></td>
<td><input type="text" name="name[]" placeholder="Name" /></td>
<td><input type="text" name="code[]" placeholder="Code" /></td>
<td><input type="text" name="ven[]" placeholder="ven" /></td>
</tr>
</table>
<ul id="result"></ul>
</div>
$(document).ready(function(){
$.ajaxSetup({ cache: false });
$('#article').keyup(function(){
$('#result').html('');
$('#code').val('');
var searchField = $('#article').val();
var expression = new RegExp(searchField, "i");
var flickerAPI = "test_ajax5_out.php";
$.getJSON(flickerAPI , function(data) {
$.each(data, function(key, value){
if (value.article.search(expression) != -1)
{
$('#result').append('<li>'+value.name+'<span style="visibility: hidden;">|'+value.code+'|'+value.article+'|'+value.ven+'</span></li>');
}
});
});
});
$('#result').on('click', 'li', function() {
var click_text = $(this).text().split('|');
$('#article').val($.trim(click_text[2]));
$('#name').val($.trim(click_text[0]));
$('#code').val($.trim(click_text[1]));
$('#ven').val($.trim(click_text[3]));
$("#result").html('');
});
});