要在列表框中选择后，文本框就显示列表框点击的值（可多选），如何用js制作？

这样写：
<select name="select2" size="5"  onChange="getvalue();">
<option value="AE">AE</option>
<option value="AO">AO</option>
<option value="AR">AR</option>
<option value="AU">AU</option>
<option value="BD">BD</option>
<option value="BE">BE</option>
    </select>在</html>后加
<script language="javascript">
function getvalue()
{
form1.textfield.value = form1.textfield.value+" "+form1.select2.value;}
</script>

解决方案 »

  1.   

    <form method="POST" action="">
    <table width="99%" height="116">
    <tr>
    <td width="16%" valign="top" height="25">Report Title </td>
    <td width="83%" valign="top" height="25">
    <input id="country" type="text" name="T1" size="39" value="" on></td>
    </tr>
    <tr>
    <td width="16%" valign="top" height="85">　</td>
    <td width="83%" valign="top" height="85">
    <select multiple name="portOfDiscCountry" size="5" style="width=60px" onchange="change()">
    <option value="AE" >AE</option>
    <option value="AO">AO</option>
    <option value="AR">AR</option>
    <option value="AU">AU</option>
    <option value="BD">BD</option>
    <option value="BE">BE</option>
    </select> 　 </td>
    </tr>
    </table>
    </form>
    <input onclick="alert(document.all.portOfDiscCountry.options.length);">
    <script>
    function change() {
    document.all.country.value = "";
    var ct = document.all.portOfDiscCountry.options.length;
    for (var i=0; i<ct; i++) {
    if (document.all.portOfDiscCountry.options[i].selected == true) {
    document.all.country.value += document.all.portOfDiscCountry.options[i].value+" ";
    }
    }
    }
    </script>
      

  2.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>New Page 1</title>
    </head><body>
    <form method="POST" action="">
    <table width="99%" height="116">
    <tr>
    <td width="16%" valign="top" height="25">Report Title </td>
    <td width="83%" valign="top" height="25">
    <input id="country" type="text" name="T1" size="39" value="" on></td>
    </tr>
    <tr>
    <td width="16%" valign="top" height="85">　</td>
    <td width="83%" valign="top" height="85">
    <select multiple name="portOfDiscCountry" size="5" style="width=60px" onchange="testFun();">
    <option value="AE" >AE</option>
    <option value="AO">AO</option>
    <option value="AR">AR</option>
    <option value="AU">AU</option>
    <option value="BD">BD</option>
    <option value="BE">BE</option>
    </select>    　 </td>
    </tr>
    </table>
    </form>
    </body></html>
    <script>
    function testFun()
    {
    var tempOptions=document.all.portOfDiscCountry.options;
    var countryValues=new Array();
    for(var i=0;i<tempOptions.length;i++)
    {
    if(tempOptions[i].selected)
    {
    countryValues[countryValues.length]=tempOptions[i].value;
    }
    }
    document.all.country.value=countryValues.join(",");}
    </script>
      

  3.   

    如果想在 label 中显示内容 怎么做？
      

  4.   

    在table中显示：<form method="POST" action="">
    <table width="99%" height="116">
    <tr>
    <td width="16%" valign="top" height="25">Report Title </td>
    <td width="83%" valign="top" height="25" id=zzz></td>
    </tr>
    <tr>
    <td width="16%" valign="top" height="85">　</td>
    <td width="83%" valign="top" height="85">
    <select multiple name="portOfDiscCountry" size="5" style="width=60px" onchange="change()">
    <option value="AE" >AE</option>
    <option value="AO">AO</option>
    <option value="AR">AR</option>
    <option value="AU">AU</option>
    <option value="BD">BD</option>
    <option value="BE">BE</option>
    </select> 　 </td>
    </tr>
    </table>
    </form>
    <input onclick="alert(document.all.portOfDiscCountry.options.length);">
    <script>
    function change() {
    document.all.zzz.innerHTML = "";
    var ct = document.all.portOfDiscCountry.options.length;
    for (var i=0; i<ct; i++) {
    if (document.all.portOfDiscCountry.options[i].selected == true) {
    document.all.zzz.innerHTML += document.all.portOfDiscCountry.options[i].value+" ";
    }
    }
    }
    </script>