javascript - 我无法从表单提交中调用我的 PHP 代码,这是为什么?

标签 javascript php html

我无法运行 php 代码!有人知道问题出在哪里吗?我不确定我调用 pHp 代码的方式是否有意义。一切正常,但未保存文件。

  • 代码应该在项目符号中显示主题列表 尖锐的列表,因为我要求用户继续输入主题,直到 提交。
  • 然后代码应该将此列表保存在这样的 csv 文件中 (数学、生物、英语等)但我不认为 php 代码是 运行。

<html>
<h1> Fill in Subjects </h1>
<input type='text' id='input' />
<input type='button' value='add subject' id = "add" />

<input type='text' id='input2' />
<input type='button' value='remove subject' id='remove' />

<div id='list'>
</div>
<p> When Submit button is clicked, you can not come back to this page!</p>
<form method="POST" action=''>
<input type='button' value='Submit' id = "subjectsub" name = "complete" />
</form>
<script type="text/javascript">
var subjectli = [];
document.getElementById("subjectsub").onclick = function(){
JSON.stringify(subjectli);	
}
document.getElementById("remove").onclick = function(){
	document.getElementById("list").innerHTML = "";
	var toRemove = document.getElementById("input2").value;
	var index = subjectli.indexOf(toRemove);
	if (index > -1) {
       subjectli.splice(index, 1);
    }
  var sList = "";

  for (var I = 0; I < subjectli.length; I++)
  {
       sList = "<li>" + subjectli[I] + "</li>";
       document.getElementById("list").innerHTML += sList;
  }
  document.getElementById("input2").value = ""; // clear the value	
	
}
document.getElementById("add").onclick = function() {

  var text = document.getElementById("input").value; 
  subjectli.push(text);
  var li = document.createElement("li");
  li.textContent = text;
  document.getElementById("list").appendChild(li);
  document.getElementById("input").value = ""; // clear the value
}

</script>
<?php
if (isset($_POST['complete']))
{
    $subjectA=json_decode($_POST['jsondata']);
	$fp = fopen('file1.csv', 'w');

	foreach ($subjectA as $fields) {
		fputcsv($fp, $fields);
	}

	fclose($fp);
}

?>
</html>

最佳答案

如果您希望输入元素与表单提交一起发布,则输入元素需要位于表单内。

<div id='list'>
</div>
<p> When Submit button is clicked, you can not come back to this page!</p>
<form method="POST" action=''>
   <input type='text' id='input' />
   <input type='button' value='add subject' id = "add" />

   <input type='text' id='input2' />
   <input type='button' value='remove subject' id='remove' />
   <input type='button' value='Submit' id = "subjectsub" name = "complete" />
</form>

关于javascript - 我无法从表单提交中调用我的 PHP 代码,这是为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59180444/

相关文章:

Javascript将单选按钮添加到DOM中的对话框

javascript - 转到包含我选择的下拉值的 URL (url.com/dropdownvalue1+dropdownvalue2+etc)

javascript - 如何从不同的窗口调用javascript?

php - 用给定文本中的逗号替换换行符

javascript - jQuery 日期选择器未显示在 html 中动态生成的输入字段中

javascript - 获取group_name的文本元素

javascript - 如何同时在另一个字段中复制表单字段文本输入

javascript - 在gruntjs中使用requirejs构建一个库,并在其他项目中使用

javascript - 无法获取 document.write 中的脚本源

php - 在 PHP 中从头到尾读取 CSV