javascript/php div下拉搜索结果
我在页面顶部有一个搜索框。使用ajax，我希望在页面上下拉一个div以显示搜索结果。关键是我希望搜索结果覆盖页面下方，而不是向下推。出于这个原因，我不能在搜索框下面放一个div。我需要做一些更复杂的事情——但我不确定要做什么 下面的代码填充搜索框下的div。有谁能建议一个经济的方法让div浏览页面，而不是把所有内容都往下推。谢谢你的建议 javascriptjavascript/php div下拉搜索结果,javascript,search,dropdownbox,Javascript,Search,Dropdownbox,我在页面顶部有一个搜索框。使用ajax，我希望在页面上下拉一个div以显示搜索结果。关键是我希望搜索结果覆盖页面下方，而不是向下推。出于这个原因，我不能在搜索框下面放一个div。我需要做一些更复杂的事情——但我不确定要做什么 下面的代码填充搜索框下的div。有谁能建议一个经济的方法让div浏览页面，而不是把所有内容都往下推。谢谢你的建议 javascript function showResults(str) { document.getElementById("results").inner
function showResults(str) {
document.getElementById("results").innerHTML=xmlhttp.responseText;
document.getElementById("results").style.border="1px solid #A5ACB2";
//some ajax
xmlhttp.open("GET","search.php?str="+str,true);
xmlhttp.send();
}
你必须绝对定位你的结果div
比如：
<div id="results" style="position:absolute">
绝对定位div？这很有帮助。结果覆盖在页面上。但是，它们是透明的，因此页面可以显示出来。而且，他们不是呆在桌子上，而是一直走到屏幕的右边。我是否需要以某种方式格式化div？作为给定的绝对位置，您可以相对于其TD设置位置，为什么要透明，这意味着您已经给出了一些透明的位置。你能分享代码吗？据我所知，我还没有公开。刚刚添加了样式。我可以在类中使用css来设置div的样式吗？另外，当你在框外点击时，需要一种方法使下拉菜单消失，而这是目前无法做到的。你必须添加position:relative-to-hoding-TD-alsoI用css标签将其样式化，看起来更好。还有一些问题，但我认为答案是正确的。谢谢。
<div id="results" style="position:absolute">
<html>
<body>
<table><tr><td><img src="logo.gif"></td><td style="position:relative">
<input type="text" id="string" onkeyup="showResults(this.value)">
<div id="results" style="position:absolute"></div><td></tr>
<tr><td colspan=2
Main body of page. All sorts of text and html go here that I do not want pushed down.
</td></tr></table>
</body>
</html>