用js如何实现如下功能？

用js如何实现如下功能？一个listbox列表框，一个文本框。每点击一次listbox里面的值，就把其复制到文本框里面。谢谢！

解决方案 »

  1.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>双击选值</title>
    <script>
    function choose(o){
    var ops = o.options;
    for(var i=0;i<ops.length;i++){
    if(ops[i].selected){
    document.getElementById("t1").value = ops[i].value;
    break;
    }
    }
    }
    </script>
    </head><body><select size="8" multiple name="s1" ondblclick="choose(this)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    </select>
    <input type=text id=t1 name=t1 value=""/></body></html>
      

  2.   


    <input name="t"  id = "t" type="text"/>
      <select multiple id="d" name="d" onclick="document.getElementById('t').value=this.options[this.options.selectedIndex].value" >
       <option value='1' >1</option>
       <option value='2' >2</option>
       <option value='3' >3</option>
       <option value='4' >4</option>
      </select>
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function show() {
    //第一中方法
    var selectName = document.inputType.selectName.value;
    document.inputType.inputName.value = selectName;
    //第二中方法
    var selectName = document.inputType.selectName.selectedIndex;//select的索引
    document.inputType.inputName.value = document.getElementById("selectName")[selectName].value;
    }
    //-->
    </SCRIPT>
     </HEAD> <BODY>
     <form action="" method="post" name="inputType">
      <input id = "inputName" type="text"/>
      <select  name="selectName" onChange="show()">
       <option value='1' >1</option>
       <option value='2' >2</option>
       <option value='3' >3</option>
       <option value='4' >4</option>
      </select> </BODY>
    </HTML>