使用HTML和JS更新/删除Google表格中的数据

时间:2015-06-24 19:04:24

标签: javascript html forms google-docs

我创建了一个HTML表单,将数据提交到Google表格,但是,我希望能够编辑/删除已提交给表单的数据。此外,如果我手动清除电子表格,工作表将不会将新数据添加到顶部,而是继续删除数据的位置。这是我到目前为止所做的:(我只熟悉JS和HTML)。

<form>
        <fieldset>
            <legend><b>Details</b></legend>
            <label>First Name </label><input id = "fname" type="text" autofocus="" placeholder="Enter first name" name = "fname" required><br><br>
            <label>Last Name </label><input type="text" id = "lname" name = "lname" placeholder="Enter last name"><br><br>
        </fieldset>

        <fieldset>
            <legend><b>Classes</b></legend>
            <label>Morning Class </label><input type="text" id = "mClass" name = "mClass">  <br> <br>
            <label>Afternoon Class </label><input type="text" id = "aClass" name = "aClass"> <br> <br>  
        </fieldset>

        <fieldset>
            <legend><b>Comments</b></legend>
            <label>Additional Comments:</label>
            <textarea id = "feedback" name="feedback" rows="2" cols="60"></textarea><br>
        </fieldset>

        <br>
        <input type="reset" value="Reset">
        <button id="ButtonSubmit" onclick="postContactToGoogle()" type="button" >Submit</button> 

    </form>

<script>
function postContactToGoogle() {
            var fname = $('#fname').val();
            var lname = $('#lname').val();
            var mClass = $('#mClass').val();
            var aClass = $('#aClass').val();
            var feedback = $('#feedback').val();

                $.ajax({
                    url: "https://docs.google.com/forms/d/14_aPkvMTZ8AJhSbh24iOOG78zLQHnOonmKZmvYocVvQ/formResponse",
                    data: { "entry_1882563633": fname, 
                    "entry_158323412": lname, "entry_1807185510": 
                    mClass, "entry_1606058159": aClass, "entry_326563345": feedback},
                    type: "POST",
                    dataType: "xml",
                    statusCode: {
                        0: function () {
                            window.location.replace("AddStudent.html");
                        },
                        200: function () {
                            window.location.replace("AddStudent.html");
                        }
                    }
                });
        }
</script>   

0 个答案:

没有答案