Javascript onsubmit 事件不会更新 html 表单操作属性

Question

我正在尝试通过在用户按下提交按钮时调用 javascript 函数来更新表单标记的操作属性。 action 属性根据在名为“proceed”的选择框中选择的内容进行更新。但是以下脚本不起作用，我不知道为什么。

Javascript：

<script type="text/javascript"> 
   function updateAction() {
      <?php
         if (empty($errors) && isset($_POST['submit'])) {
            echo 'document.newStudent.action = document.newStudent.proceed.value';
         } else {
            echo 'document.newStudent.action = "newStudent.php"';
         }
      ?>
   }      
</script>
<form name="newStudent" method="POST" onsubmit="updateAction()">

选择在我的代码中更靠后的框：

<?php //PROCEED
   echo '<tr>';
   echo '<td><p>Proceed To:</p></td>';
   echo '<td>
         <select name="proceed">
         <option value="newSchedule.php">add student\'s schedule</option>
         <option value="newStudent.php">add another student</option>
         <option value="staff.php">staff page</option></td>';
   echo '</tr>';
?>

Answer 1

您不能在这样的 JavaScript 方法中编写 PHP 代码。您必须了解服务器端脚本和客户端脚本之间的区别。在您的场景中编写一个 JS 代码来完成您的任务。阅读此Client side vs server side basics，PHP vs JavaScript For Dynamic HTML Pages

Javascript 和 PHP 允许网站开发人员创建动态网页。 Javascript 是一种客户端语言，因此它在读者的计算机上运行。 PHP 是一种服务器端语言，因此它运行在 Web 服务器上。这两种语言结合起来为读者创建交互式网站。这些语言中的每一种都组合在一起，但它们与 Web 浏览器的交互方式不同。

在某些情况下，您可以在 Javascript 函数中编写 PHP，但不能在您的场景中编写。

Read More