也许你可以帮助解决一些ajax问题。
我有自动完成代码 - 我输入城市名称,代码会自动为我完成它,并且还获取城市 ID 并应该将其放入隐藏输入字段(名称='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>';
script:
$("#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
尝试对 ajax_response_city 使用 div 而不是 span 标记。
html 变得混乱,你的选择将不再起作用。
我整理了一个例子:http://jsfiddle.net/me2loveit2/86T4f/
<div id='ajax_response_city' class='ajax_response'></div>
我还会开始使用正确的 html(例如将 li 元素放入 ul 或 ol 中)以避免此类问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)