Question

我在html页面中有一个List，它应该在Click of Button上得到更新。我也有一个textfield和Button。在文本字段中输入的值应在单击按钮时显示在列表框中。

这是我的代码：

<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>

Answer 1

而不是.add方法使用.appendChild方法

在Html中动态更新列表

1 个答案: