推送其他内容的自动完成搜索建议

时间:2013-01-31 19:19:44

标签: css

这是我的搜索网站http://clients.onebricktech.com/whenisit/search.php?keywords=1Trades1%20Plumbing 如果我通过搜索建议关键字搜索任何内容。

4 个答案:

答案 0 :(得分:0)

您应该在包含搜索字词文本框的表格中使用position: absolute。然后你需要调整左边的表边距属性。

答案 1 :(得分:0)

您需要使用position: absolute从流程中取出建议框,但我实际上喜欢功能,因为它是TBH。

答案 2 :(得分:0)

添加:

position: absolute

在ajaxresults标签中,这应该有效

答案 3 :(得分:0)

像这样修改你的代码

<div style="float:left; position: relative">
    <form id="cityForm" method="post">
        <input type="hidden" value="true" name="cityChanged">
        <input type="hidden" value="" name="keywords">
        <input type="text" data-default="146" onblur="this.style.color='#318d00'" value="Trivandrum, 13" style="width: 150px; color: rgb(49, 141, 0); display: inline-block;" onkeyup="city_completer()" onclick="javacript:this.select();this.style.color='#000'" class="city_state" id="city_stater" name="city_state" autocomplete="off">
    </form>
    <div style="position: absolute; margin-left: 35px; width: 120px; border: 1px solid rgb(153, 153, 153); display: block;" id="ajaxcity"><div><div class="citySuggest"><a onclick="copyToCityBox('Caledon Village, ON');document.getElementById('citySelect').submit()" href="javascript:void()">Caledon Village, ON</a></div><div class="citySuggest"><a onclick="copyToCityBox('Caledon, ON');document.getElementById('citySelect').submit()" href="javascript:void()">Caledon, ON</a></div><div class="citySuggest"><a onclick="copyToCityBox('Courtice, ON');document.getElementById('citySelect').submit()" href="javascript:void()">Courtice, ON</a></div></div></div>
</div>
相关问题