js前端显示

zhengchengbaishi 2011-11-17 02:47:56

如果谁能帮我解决,我再追加20分。
以下是我的代码,希望大家帮我修改一下,我想让教师后面那个文本框搜索到的信息在前端显示:
function getSearchKeys()
{
var s= txtName.value;
if(s=='')
{
divShow.style.display = "none";

return;
}
var arr=['<ul>'];
for(var i=0;i<keys.length;i++)
{
if(keys[i].indexOf(s)>=0)
{
arr.push('<li>'+keys[i]+'</li>');
}

}
if(arr.length ==1)
{
alert("没有这个姓名!");
}
if(arr.length>1)
{
arr.push('</ul>');
divShow.innerHTML = arr.join('');
divShow.style.display = "block";
}
else
{
divShow.style.display = "none";
}
}
...全文
240 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhengchengbaishi 2011-11-21
  • 打赏
  • 举报
回复
问题解决了,感谢大家!我这样改的height:70px; overflow:auto; visibility:hidden;
ynn0705 2011-11-21
  • 打赏
  • 举报
回复
设置层高度,然后首次加载让它先隐藏!
Aquarius_T 2011-11-18
  • 打赏
  • 举报
回复
[Quote=引用 16 楼 zhengchengbaishi 的回复:]
楼上,你那个不行啊,我之前就 试过了,我下边的那个不是select,是ListBox控件,我想让div在listbox控件前端显示!
[/Quote]

一般都是用select,乃你慢慢纠结吧。。。
Aquarius_T 2011-11-18
  • 打赏
  • 举报
回复
或者将onchange="this.parentNode.nextSibling.value=this.value中的this.value改成this.text,点击下拉框中的值
zhengchengbaishi 2011-11-18
  • 打赏
  • 举报
回复
楼上,你那个不行啊,我之前就 试过了,我下边的那个不是select,是ListBox控件,我想让div在listbox控件前端显示!
Aquarius_T 2011-11-18
  • 打赏
  • 举报
回复
不想改代码,。。。给你个例子。。。


Java code<%@ page language="java" pageEncoding="GB2312"%>
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>可输入的下拉框</TITLE>
</HEAD>
<BODY >
<div style="position:relative;">
<span style="margin-left:200px;width:18px;overflow:hidden;">
<select style="width:218px;margin-left:-200px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="NI11">NI11--苹果</option>
<option value="NI22">NI22--香蕉</option>
<option value="NI33">NI33--橘子</option>
</select></span><input type="text"name="box" style="width:200px;position:absolute;left:0px;">
</div>
</BODY>
</HTML>


Aquarius_T 2011-11-18
  • 打赏
  • 举报
回复
<iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;"

frameborder="0" src="about:blank"></iframe>

Aquarius_T 2011-11-18
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 zhengchengbaishi 的回复:]

[/Quote]

你要显示成这样的结果么?
zhengchengbaishi 2011-11-18
  • 打赏
  • 举报
回复
谁能帮忙解决给60分!
zhengchengbaishi 2011-11-17
  • 打赏
  • 举报
回复
[Quote=引用 10 楼 ifandui 的回复:]

不是替换成iframe 是在div里面放一个z-index是-1的iframe 这样iframe就不会显示出来了
但是这个iframe会遮住select 也就让div遮住了select
[/Quote]

还是不行啊,我下面的那个控件是listbox,不是select
默默不得鱼 2011-11-17
  • 打赏
  • 举报
回复
不是替换成iframe 是在div里面放一个z-index是-1的iframe 这样iframe就不会显示出来了
但是这个iframe会遮住select 也就让div遮住了select
hookee 2011-11-17
  • 打赏
  • 举报
回复
用js设置其<li>的CSS, CSS的式样按照原页面中的
zhengchengbaishi 2011-11-17
  • 打赏
  • 举报
回复


这样不是很好看啊,而且查找到的东西没办法选择了呀!
hookee 2011-11-17
  • 打赏
  • 举报
回复
divShow 改成 <iframe>
divShow.innerHTML = arr.join('');
改成 divShow.contentWindow.document.body.innerHTML = arr.join('');
zhengchengbaishi 2011-11-17
  • 打赏
  • 举报
回复
楼上具体点啊,我不会JS,但是要用!
三石-gary 2011-11-17
  • 打赏
  • 举报
回复
设置z-index..
默默不得鱼 2011-11-17
  • 打赏
  • 举报
回复
用iframe 它能盖住select
zhengchengbaishi 2011-11-17
  • 打赏
  • 举报
回复
zhengchengbaishi 2011-11-17
  • 打赏
  • 举报
回复

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧