文章/答案/技术大牛

发布

社区首页 >问答首页 >表中未显示输入的所有数据。

问表中未显示输入的所有数据。
EN

Stack Overflow用户

提问于 2018-11-27 23:02:35

回答 1查看 20关注 0票数 1

所以我有一个表格，当你点击submit时，它应该显示输入的信息。但它只显示输入的第一个输入。我有另一张桌子，就像这张一样，工作得很好，所以这一定是我没看到的一件小事。

输入数据的表：

<form id="symptomstable" name="symptomstable">
    <table class="symptoms" width="700px" bgcolor="#BDDBCC" border="3" align="center">
        <th><b>Symptoms</b></th>
            <tr>
                <td><input type="text" name="sym1" size="100" id="sym1"></td>
            </tr>
            <tr>
                <td><input type="text" name="sym2" size="100" id="sym2"></td>
            </tr>
            <tr>
                <td><input type="text" name="sym3" size="100" id="sym3"></td>
            </tr>
            <tr>
                <td><input type="text" name="sym4" size="100" id="sym4"></td>
            </tr>
            <tr>
                <td><input type="text" name="sym5" size="100" id="sym5"></td>
            </tr>
            <tr>
                <td><input type="text" name="sym6" size="100" id="sym6"></td>
            </tr>

            <tr>
                <td align="center"><input type="button" value="Submit" name="submit" id="submit" onClick="display1()"/></td>
            </tr>
    </table>

它的产出是：

<table width="900px" align="center" border=1> 
    <tr style="background-color:#BDDBCC;"></br>
    <th align="center"><b>Symptoms Log</b></th>
    </tr> 
    <tr>
        <td align="center"><div id="symarea1"></div></td>
    </tr>
    <tr>
        <td align="center"><div id="symyarea2"></div></td>
    </tr>
    <tr>
        <td align="center"><div id="symarea3"></div></td>
    </tr>
    <tr>
        <td align="center"><div id="symarea4"></div></td>
    </tr>
    <tr>
        <td align="center"><div id="symarea5"></div></td>
    </tr>
    <tr>
        <td align="center"><div id="symarea6"></div></td>
    </tr>
    </table>

javascript：

function display1()
    {
    document.getElementById("symarea1").innerHTML = document.getElementById("sym1").value; 
    document.getElementById("sym1").value = "";
    document.getElementById("symarea2").innerHTML = document.getElementById("sym2").value; 
    document.getElementById("sym2").value = "";
    document.getElementById("symarea3").innerHTML = document.getElementById("sym3").value; 
    document.getElementById("sym3").value = "";
    document.getElementById("symarea4").innerHTML = document.getElementById("sym4").value; 
    document.getElementById("sym4").value = "";
    document.getElementById("symarea5").innerHTML = document.getElementById("sym5").value; 
    document.getElementById("sym5").value = "";
    document.getElementById("symarea6").innerHTML = document.getElementById("sym6").value; 
    document.getElementById("sym6").value = "";
    }

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-27 23:27:27

你只是有个打字错误。如果在尝试提交表单后打开控制台，您将看到有一个显示为Cannot set property 'innerHTML' of null的错误。如果您查看它所引用的行，您将看到它引用了document.getElementById("symarea2").innerHTML = document.getElementById("sym2").value;

在HTML中，该元素的ID当前为symyarea2。见：<td align="center"><div id="symyarea2"></div></td>。

查看如何在Firefox和铬中使用控制台

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53509562

复制

相似问题

问表中未显示输入的所有数据。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表中未显示输入的所有数据。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表中未显示输入的所有数据。
EN