Возможно, вы можете помочь с какой-то проблемой ajax.
У меня есть код AUTO COMPLETE – я набираю название города, а код автоматически завершает его для меня, а также получает идентификатор города и должен помещать его в скрытое поле ввода (name = 'cityID) … но он не " Это сделать.
Можешь мне сказать почему?
html-код:
<p><label>city: </label><input type='text' name='cityName' value='$cityName' id='keyword_city' autocomplete='off' /> <span id='ajax_response_city' class='ajax_response' style='display:none;' ></span> <input type='hidden' name='cityID' value='$cityID' id='keyword_cityID'> </p> сервер (только выход):
echo '<li><a href=\'javascript:void(0);\' data-id="'.$row['cityID'].'">'.$final.'</a></li>';
сценарий:
$("#ajax_response_city").mouseover(function(){ $(this).find("li a").mouseover(function () { $(this).addClass("selected"); }); $(this).find("li a").mouseout(function () { $(this).removeClass("selected"); }); $(this).find("li a").click(function () { $("#keyword_city").val($(this).text()); $("#keyword_cityID").val($(this).data().id); $("#ajax_response_city").fadeOut("slow"); }); });
Полный JS вы можете найти здесь:
http://www.dogger.co.il/js/ajax/autoComplate_city.js
Попробуйте использовать div вместо тега span для ajax_response_city. Html запутался, и ваш выбор больше не будет работать.
Я привел пример: http://jsfiddle.net/me2loveit2/86T4f/
<div id='ajax_response_city' class='ajax_response'></div>
Я также начал бы использовать правильный html (например, положить элементы li в ul или ol), чтобы избежать подобных проблем.