我无法获得2个通常简单的javascript函数来处理我的PHP文件_Javascript_Php

我无法获得2个通常简单的javascript函数来处理我的PHP文件

javascript php

我无法获得2个通常简单的javascript函数来处理我的PHP文件,javascript,php,Javascript,Php,我正在设置一个简单的php表单来收集条目，并将它们插入/显示到myphpmyAdmin数据库，这很好。我遇到的一个小问题是，当我尝试输入一点js来清除文本，并给出一个弹出警告时，这两种方法都不起作用，有人能帮我吗这是我的Javascript文件： function clear(){ document.getElementById("in1", "in2", "in3", "in4", "in5",).value= ""; } function saved() { alert(

我正在设置一个简单的php表单来收集条目，并将它们插入/显示到myphpmyAdmin数据库，这很好。我遇到的一个小问题是，当我尝试输入一点js来清除文本，并给出一个弹出警告时，这两种方法都不起作用，有人能帮我吗

这是我的Javascript文件：

function clear(){
    document.getElementById("in1", "in2", "in3", "in4", "in5",).value= "";
}

function saved() {
    alert("Well done yourself, you have saved an entry to the database.");
}

这是我的php文件：

<html>

<head>

    <meta charset="utf-8">
    <title>CS230 Assignment 3</title>
    <link rel="stylesheet" href="style1.css" type="text/css" media="all" />
    <script src="myjs.js" type="text/javascript"></script>

</head>

<body>

<h3>Diary:</h3>

<form action="insert.php" method="post">

<div id="table">

  <table>

      <tr>
        <th>When/Where</th>
        <th>Event</th>      
        <th>Emotion</th>
        <th>Automatic Thoughts</th>
        <th>Rational Response</th>
      </tr>

      <tr>
        <td><input type="text" style="height:500px;" name="in1" id="in1"></td>
        <td><input type="text" style="height:500px;" name="in2" id="in2"></td>      
        <td><input type="text" style="height:500px;" name="in3" id="in3"></td>
        <td><input type="text" style="height:500px;" name="in4" id="in4"></td>
        <td><input type="text" style="height:500px;" name="in5" id="in5"></td>
      </tr>

    </table>

</div>

<div id="buttons">

    <input type="submit" name="save" id="save" value="Save Entry" onclick="saved()">

</div>

</form>

    <div id="clearButton">
            <button id="clear" onClick="clear();">clear</button>
    </div>

<form action="show.php" method="post">

    <input type="submit" name="show" id="show" value="Show Diary">

</form>

</body>
</html>


CS230作业3
日记：
何时/何地
事件
情感
自动思维
理性反应
清楚的

document.getElementById（）函数接受一个参数。如果要获取元素列表，可以使用
.querySelectorAll（）
：
它返回一个节点列表，因此您必须迭代以对每个节点执行操作：

function clear(){ var elements = document.querySelectorAll("#in1, #in2, #in3, #in4, #in5"); for (var i = 0; i < elements.length; ++i) elements[i].value = ""; }

你检查控制台了吗。因为“clear（）”函数中的逗号太多了。我假设save（）函数不起作用，因为公式中的“submit（）”优先于“text”
元素可以是您想要的任何大小，但它们不适用于类似段落的文本块。如果你想让人们输入句子和段落，你可以使用
元素。干杯，我现在有了保存功能。还有，是的，我可能会将它们改为文本区域感谢文本区域现在工作得更好，但仍然无法获得清晰的功能感谢这很有意义，我已经试过了，但是没有用。@TomL那么会发生什么呢？控制台中是否报告了错误？否当我单击“清除”按钮时，它什么也不做。我已经按照上面的评论修改了js，但仍然不起作用。@TomL好的，你检查开发人员控制台了吗？没有，我明天再看一次，必须忙于其他事情谢谢你的帮助，希望我明天能发现我的错误
function clear(){ var elements = document.querySelectorAll("#in1, #in2, #in3, #in4, #in5"); for (var i = 0; i < elements.length; ++i) elements[i].value = ""; }

<button id="clear" onClick="window.clear();">clear</button>