这是我的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 并将“选择”存储在文本文件中,但为此我需要更改“input type=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/
谢谢。
关于javascript - 如何调用javascript函数以及将表单数据保存到html页面中的文本文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29143955/