html,jsp的简单问题,100分在线求教,请达人帮忙!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

最后的分数了,在线等答复,立刻给分.
请问如何用html或jsp可以做到在点击列表框和按钮时,使列表框中选择的内容和按钮的名字出现在textarea中.(我感觉只能用JSP实现,不知道对不对)
html代码如下,请高手帮写几句代码.谢谢先<html>
<head>
<title>aa</title>
</head>
<body><form action="list.jsp" method="POST">Field
<br>
<select name="field" multiple> 
<option value="hk">Hong Kong</option> 
<option value="tw" >Taiwan</option> 
<option value="cn">China</option> 
<option value="us">United States</option> 
<option value="ca">Canada</option> 
</select> <br>
<input type="Button" value=">"> 
<input type="Button" value="&lt;"> 
<input type="Button" value=">=">
<input type="Button" value="&lt;="> 
<input type="Button" value="=">
<input type="Button" value="_" > <br>
<input type="Button" value="and">
<input type="Button" value="or">
<input type="Button" value="not">
<input type="Button" value="is">
<input type="Button" value="%">
<br>SQL
<textarea name="comments" cols="40" rows="4"> 
</textarea> <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="Submit" value="应用">
<input type="Reset" value="置空"></form> </body>
</html>

解决方案 »

  1.   

    可以通过定义javascript函数进行设置值
      

  2.   

    哦,能帮我写写吗?javascript我一窍不通.
      

  3.   

    <html>
    <head>
    <script language="javascript">
    function getname(initValue){
      var s="";
    if(document.form1.comments.value != ""){
    s = document.form1.comments.value;
    }
      s += initValue +" ";
    document.form1.comments.value = s;
    }
    function clearvlue(){
    document.form1.comments.value = "";
    }
    </script>
    <title>aa</title>
    </head>
    <body><form name="form1" action="list.jsp" method="POST">Field
    <br>
    <select name="field" multiple onchange="getname(this.value);"> 
    <option value="hk">Hong Kong</option> 
    <option value="tw" >Taiwan</option> 
    <option value="cn">China</option> 
    <option value="us">United States</option> 
    <option value="ca">Canada</option> 
    </select> <br>
    <input type="Button" value=">" onclick="getname(this.value);"> 
    <input type="Button" value="&lt;" onclick="getname(this.value);"> 
    <input type="Button" value=">=" onclick="getname(this.value);">
    <input type="Button" value="&lt;=" onclick="getname(this.value);"> 
    <input type="Button" value="=" onclick="getname(this.value);">
    <input type="Button" value="_"  onclick="getname(this.value);"> <br>
    <input type="Button" value="and" onclick="getname(this.value);">
    <input type="Button" value="or" onclick="getname(this.value);">
    <input type="Button" value="not" onclick="getname(this.value);">
    <input type="Button" value="is" onclick="getname(this.value);">
    <input type="Button" value="%" onclick="getname(this.value);">
    <br>SQL
    <textarea name="comments" cols="40" rows="4">
    </textarea> <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="Submit" value="应用">
    <input type="button" value="置空" onclick="clearvlue()"></form> </body>
    </html>
      

  4.   

    <html>
    <head>
    <title>aa</title>
    </head>
    <body><form action="list.jsp" method="POST">Field
    <br>
    <select name="field" multiple onChange="document.all.comments.innerHTML+=this.options[this.selectedIndex].innerHTML;"> 
    <option value="hk">Hong Kong</option> 
    <option value="tw" >Taiwan</option> 
    <option value="cn">China</option> 
    <option value="us">United States</option> 
    <option value="ca">Canada</option> 
    </select> <br>
    <input type="Button" value=">"  onClick="document.all.comments.innerHTML+=this.value;"> 
    <input type="Button" value="&lt;"> 
    <input type="Button" value=">=">
    <input type="Button" value="&lt;="> 
    <input type="Button" value="=">
    <input type="Button" value="_" > <br>
    <input type="Button" value="and">
    <input type="Button" value="or">
    <input type="Button" value="not">
    <input type="Button" value="is">
    <input type="Button" value="%">
    <br>SQL
    <textarea name="comments" cols="40" rows="4"> 
    </textarea> <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="Submit" value="应用">
    <input type="Reset" value="置空"></form> </body>
    </html>---------------------------------------------------
    列表框 和 第一个 按钮帮你写好了
    其他按钮 copy 第一个 就 ok了
      

  5.   

    没事做帮你写了一个
    <script language="javascript">
    function add(){
    var select = document.getElementById("select");

    for(var i = 0; i < select.options.length; i++){
        if (select.options[i].selected){
    document.getElementById("textarea").value += select.options[i].text + "\r\n";
        }
    }

    }
    </script><br>
    <select name="field" id="select" multiple width=30%> 
    <option value="hk">Hong Kong</option> 
    <option value="tw" >Taiwan</option> 
    <option value="cn">China</option> 
    <option value="us">United States</option> 
    <option value="ca">Canada</option> 
    </select> <br>
    <input type="Button" value=">" onclick="add()"> 
    <input type="Button" value="&lt;"> 
    <input type="Button" value=">=">
    <input type="Button" value="&lt;="> 
    <input type="Button" value="=">
    <input type="Button" value="_" > <br>
    <input type="Button" value="and">
    <input type="Button" value="or">
    <input type="Button" value="not">
    <input type="Button" value="is">
    <input type="Button" value="%">
    <br>SQL
    <textarea id="textarea" name="comments" cols="40" rows="4">
    </textarea> <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="Submit" value="应用">
    <input type="Reset" value="置空">
      

  6.   

    jiqimiao(惊弓之鸟) ,是不是我将您的代码直接保存了.html格式就可以了呢?
    我这样做了,点击后没有反应.是我那里做错了吗?