动态更新HTML中的列表

-3

我在html页面中有一个列表，它应该在点击按钮上得到更新。我也有一个文本框和按钮。在文本框中输入的值应该在列表框中显示在点击按钮上。动态更新HTML中的列表

这是我的代码：

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>JSP Page</title>   
     <script type="text/javascript"> 
      function addsoap(form1) 
      { 
       if(document.form1.datafile.value=="") 
       { 
        alert("Select a File First"); 
       } 
       else 
       { 
        var soap=document.getElementById("right1"); 
        var newsoap=document.createElement('option'); 
        newsoap.text=document.form1.datafile.value; 
        newsoap.value=document.form1.datafile.value; 
        soap.add(newsoap); 
       } 
      } 
     </script> 
    </head> 
    <body> 
     <table align='center'> 
      <form name="form1"> 

       <tr> 
        <td>Please specify a file, or a set of files:<br>      
         <input type="file" name="datafile" size="40"> 
        </td> 
       </tr> 
       <tr> 
        <td><input type=button value="ADD" onclick="addsoap(form1)" ></td> 
       </tr> 
       <tr> 
        <td align="right"><select id="right1" size="10" multiple> 
          <option>AAAAAAAAAAAAAAAAAAAAAAAAA</option> 
         </select></td> 

       </tr> 
      </form> 

     </table> 

    </body> 
</html>

来源

2012-07-24 Azuu

添加你已经拥有的代码，我们也许可以帮你！ – 2012-07-24 12:18:45

您应该向我们展示一些代码并更准确地描述您的问题。到目前为止你尝试过什么，哪些不起作用？ – Sirko 2012-07-24 12:19:08

究竟是什么问题？ – Nick 2012-07-24 12:26:26

代替。新增方法使用.appendChild方法

来源

2012-07-24 12:36:38 Azuu

动态更新HTML中的列表

回答

相关问题