Question

这是我的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.save＆＃34; choice＆＃34;由用户输入，因为我必须使用它进行进一步的任务和
2.call＆＃34; refilter＆＃34;功能。

截至目前，我尝试使用php并存储＆＃34;选择＆＃34;在文本文件中，但我需要更改＆＃34;输入type = submit＆＃34;如果我这样做，

1.未调用该功能。
2. save.php文件打开，我不想要。我希望只留在html页面上。

我是javascript和html的初学者，并且知道一点点php，所以我试试了。

无论如何我可以同时完成这两项任务吗？

Answer 1

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

<!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/

感谢。

Answer 2

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

这是您可以尝试的简单解决方案。

<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的更多信息并发布

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

2 个答案: