js前端显示


如果谁能帮我解决，我再追加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";  
  }
}

解决方案 »

  1.   

    参考这里http://www.cnblogs.com/pccai/archive/2007/11/05/950189.html
      

  2.   

    divShow 改成 <iframe>
    divShow.innerHTML = arr.join('');
    改成 divShow.contentWindow.document.body.innerHTML = arr.join('');
      

  3.   

    用js设置其<li>的CSS, CSS的式样按照原页面中的
      

  4.   

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

  5.   


    还是不行啊，我下面的那个控件是listbox，不是select
      

  6.   

    <iframe  style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;" frameborder="0" src="about:blank"></iframe>
      

  7.   

    不想改代码，给你个例子
    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> 
      

  8.   

    楼上，你那个不行啊，我之前就 试过了，我下边的那个不是select，是ListBox控件，我想让div在listbox控件前端显示！
      

  9.   

    或者将onchange="this.parentNode.nextSibling.value=this.value中的this.value改成this.text,点击下拉框中的值
      

  10.   


    一般都是用select，乃你慢慢纠结吧
      

  11.   

    问题解决了，感谢大家！我这样改的height:70px; overflow:auto; visibility:hidden;