如何调用javascript函数以及将表单数据保存到html页面中的文本文件中

How to call a javascript function as well as save the form data into a text file in a html page?

本文关键字：html 保存 数据 文件 文本 表单 调用 何调用 javascript 函数      更新时间：2023-09-26

这是我的html代码。。。。。

<!DOCTYPE html>
<html>
<title>Plot</title>
<head>
    <script type="text/javascript" src="d3.min.js"></script>
<script>
    function refilter()
    {
        var ch = document.getElementById('Choice').value;
        //do something
    }
</script>
</head>
<body>
<form action="save.php" name="myform" method="POST">
    Select any station:<select id="Choice" name="choice">
        <option value="None">Select</option>
        <option value="option1">DELHI</option>
        <option value="option2">MUMBAI</option>
        </select>
     <input type="button" onclick="refilter()" value="Submit!">
</form>
</body>
</html>

我想做两件事：
1.保存用户输入的"选项"，因为我必须使用它来执行进一步的任务，并且
2.调用"refilter"函数。

到目前为止，我尝试使用php并将"选项"存储在文本文件中，但为此我需要更改"inputtype=submit"，如果我这样做，

1.函数未被调用
2.save.php文件打开了，我不想要它。我只想停留在html页面上。

我是javascript和html的初学者，对php有一点了解，所以我尝试了一下。

有没有我可以同时完成这两项任务？

您可以对代码执行以下操作：

<!DOCTYPE html>
<html>
<title>Plot</title>
<head>
    <script type="text/javascript" src="d3.min.js"></script>
<script>
   <script>
    window.onload = function() {
    document.getElementById('test').onclick = function(event) {
        document.getElementById('myform').submit();
        // Do somthing
    }
}
</script>
</script>
</head>
<body>
<form action="save.php" name="myform" id="myform">
    Select any station:<select id="Choice" name="choice">
        <option value="None">Select</option>
        <option value="option1">DELHI</option>
        <option value="option2">MUMBAI</option>
        </select>
     <input type="button" value="Submit!" id="test">
</form>
</body>
</html>

或者您可以按照：http://www.formget.com/form-submission-using-ajax-php-and-javascript/

谢谢。

问题是您希望同时拥有默认行为和自定义行为。

这里有一个简单的解决方案，你可以试试。

<form action="save.php" name="myform" method="POST" id="myform">
<input type="button" id="submit-btn" value="Submit" />

在javascript中，

window.onload = function() {
    document.getElementById('submit-btn').onclick = function(event) {
        event.preventDefault();
        refilter();
        document.getElementById('myform').submit();
    }
}

无论如何，这都会将页面重定向到save.php。如果你不想这样，你可以通过AJAX发送POST请求。请找到更多关于AJAX的信息，如果您仍然面临问题，请发布

相关文章：