高分求教？用层选择人？稻草人在那？？？

<style type="text/css">
<!--
.Show {visibility: visible;overflow: auto}
.Down {visibility: hidden}
-->
</style>
<img scr="小图标.gif" onClick="人名列表.class='show'">
<div id="人名列表" class="down">
<a href="#" onClick="add('人名1')">人名1</a>
<a href="#" onClick="add('人名2')">人名2</a>
<a href="#" onClick="add('人名3')">人名3</a>
</div>
<form name="form1" method="post" action="">
  <input type="text" name="姓名表单">
</form>
<script language="JavaScript" type="text/JavaScript">
function add(name)
{
 document.form1.姓名表单.value = name;
 人名列表.class='down';
}
</script>刚刚编的，自己调试一下吧

解决方案 »

  1.   

    1.htm
    <form method=post action="" name="form1">
    <input type="text" name="texta"><a href="###" onclick='var a=window.showModalDialog("people.htm","dialogWidth=500,dialogHeight=300");document.form1.texta.value=a'>select</a>
    </form>people.htm
    <select name="" onchange="window.returnValue=this[selectedIndex].text;window.close()">
    <OPTION>bbb</OPTION>
    <OPTION>bbb</OPTION>
    </select>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head><body><a href="#" onClick="document.all.namelist.style.visibility = 'visible'">a</a>
    <div id="namelist" style="position:absolute;visibility: hidden">
     <a href="javascript:add('人名1')">人名1</a> 
     <a href="#" onClick="add('人名2')">人名2</a>
     <a href="#" onClick="add('人名3')">人名3</a> 
    </div>
    <form name="form1" method="post" action="">
      <input type="text" name="nameform">
    </form>
    <script language="JavaScript" type="text/JavaScript">
    function add(name)
    {
     document.form1.nameform.value = name;
     document.all.namelist.style.visibility = "hidden";
    }
    </script></body>
    </html>
    调试通过了的
      

  3.   

    谢谢你！
    这是我改造过的！我就加了鼠标点击其它地方就关闭此层。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>用层选择人员</title>
    <style>
    <!--
    .body1       { font-family: Verdana; font-size: 9pt }
    a            { font-family: Verdana; font-size: 9pt; color: #999999; text-decoration: none }
    a:hover      { font-family: Verdana; font-size: 9pt; color: #000000; text-decoration: none }
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    var i = 0;
    function add(name)
    {
     document.form1.nameform.value = name;
     document.all.namelist.style.visibility = "hidden";
    }function HideLayer() {
    if (i == 0)
    {
     document.all.namelist.style.visibility = "hidden";
     i = 1;
     }
     else
     {
     i = 0;
     }
    }
    </script>
    </head>
    <body bgcolor="#FFFFFF" onClick="document.body.onclick=HideLayer;"><form name="form1" method="post" action="">
      <input type="text" name="nameform"><a href="#" onClick="document.all.namelist.style.visibility = 'visible'">选择</a>
    </form><div id="namelist" style="position:absolute;visibility: hidden; width: 88px; height: 81px"> 
      <table width="100" border="0" cellpadding="1" cellspacing="1" bgcolor="#9999FF">
        <tr bgcolor="#FFFFFF" align="center"> 
          <td><b>ID</b></td>
          <td><b>Name</b></td>
        </tr>
        <tr bgcolor="#FFFFFF" align="center"> 
          <td><b>1</b></td>
          <td><b><a href="javascript:add('张三')">张三</a></b></td>
        </tr>
        <tr bgcolor="#FFFFFF" align="center"> 
          <td><b>2</b></td>
          <td><b><a href="#" onClick="add('李四')">李四</a></b></td>
        </tr>
        <tr bgcolor="#FFFFFF" align="center"> 
          <td><b>3</b></td>
          <td><b><a href="#" onClick="add('王五')">王五</a></b></td>
        </tr>
      </table>
    </div><table width="100%" border="1">
      <tr>
        <td>fadf</td>
        <td>sdfsadf</td>
      </tr>
    </table>
    </body>
    </html>