Question

我创建了简单的表单和表..所以我需要从表单中添加值。我已经创建了代码，但它无法正常工作。

<html>
<body>
    <script>
        function clickFunction(){
            document.getElementByName('inputvalue').innerHTML = document.getElementByName('name');
            }
    </script>
    <form>
        Name: <input type="text" name="name">
        <input type="submit" value="Done" onclick="clickFunction()">
    </form>
    <table border="1">
        <tr><td>Data input: </td><td><label name="inputvalue" > null </label></td></tr>
    </table>
</body>
</html>

Answer 1

首先要解决的问题很少：

应该是document.getElementsByName，你错过了＆＃39;。
因为，提交是一个表单元素。单击它后，它将提交表单。因此，您应该在函数中使用return false来停止它。
要从输入框中获取值，您应该添加＆＃39; value＆＃39;在document.getElementByName('name')之后。它应该是document.getElementByName('name').value。
我添加了e.preventDefault。在案例中，它试图提交。在这种情况下，HTML略有变化。

... <input type="submit" value="Done" onclick="clickFunction(event)"> ...

更正后的源代码：https://jsfiddle.net/gy03xz4b/4/

HTML很好，js会改变一点：

 function clickFunction() {
   document.getElementsByName('inputvalue')[0].innerHTML = document.getElementsByName('name')[0].value;
   return false;
 }

希望有所帮助！

指：

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByName
http://www.irt.org/script/155.htm（＆＃39;返回false＆＃39;做什么？）
https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault（e.preventDefault）

从表单中获取值，并使用JavaScript在表中插入该值

1 个答案: