javascript - 使用 JavaScript 提交 HTML 表单

Question

我想要一个提交表单的按钮，但它似乎不起作用。单击按钮时，什么也没有发生。

HTML

<form method="post" action="process.php">
   <select name="taskOption" id="taskOption2">
    <option value="Select">Please select a site</option>
    <option value="http://www.Itslearning.com">Itslearning</option>
    <option value="http://www.NDLA.no">NDLA</option>
   </select>
</form>

<button onclick="FormSubmit()" class="button button1 button1:hover">Take me there</button>

JavaScript

function FormSubmit() {
document.getElementById("taskOption").submit();
}

PHP

<?php
$option = isset($_POST['taskOption2']) ? $_POST['taskOption2'] : false;
if ($option) {
header("Location: $option");

}
else {
   echo "Venligst velg en side.";
  exit; 
}
?>

Answer 1

你的功能是错误的。

document.getElementById("taskOption").submit();//这是错误的

taskOption 它是选择框的 id 而不是你的表单

<form name="F1">// give a name to your form
    .....
</form> 

   function FormSubmit() {     

    document.F1.submit();
    }

或

  <form id="formid">// give a id to your form
        .....
    </form> 
  function FormSubmit() {    
document.getElementById('formid').submit(); 
}