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(); 
}

Answer 2

您必须写下Form的ID，而不是下面的代码：

<form method="post" action="process.php" id="taskOption2">
                <select name="taskOption" >
                <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>

Answer 3

使用：

使用Javascript：

function FormSubmit() {
  document.taskform.submit();
}

HTML：

<form method="post" name="taskform" 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>

Answer 4

首先你给了一个名字来形成这里form1是名字然后点击你调用表格

   <form method="post" name="form1" 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>


    function FormSubmit() {
    document.form1.submit();
    }

Answer 5

在我看来，你只需要一个表单中的提交按钮：

在这种情况下，到目前为止，最简单的解决方案是将<button>移到表单标记内，然后创建其type="submit"。根本不需要Javascript：

<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>
    <button type="submit" class="button button1 button1:hover">Take me there</button>
</form>

Answer 6

试试这个

  function submitMyForm()
  {   
    alert("Test");
    document.getElementById("myForm").submit();
  }

<form id="myform" 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="submitMyForm()">The time is?</button>

Answer 7

它将无效，因为您忘记在表单中添加ID，并且您在ID为taskOption的表单上调用提交功能。

 <form method="post" action="process.php">

表单标记中没有id，将id添加为：

 <form method="post" action="process.php" id="taskOption">

Answer 8

您的提交错误，只有表单ID或元素可以使用submit()。所以先调用表单元素

function FormSubmit() {
document.getElementById("taskOption2").parentNode.submit(); //must call id not name (parentNode is getting for parent form element)
}

在您的php中，您使用select id访问错误，正确的是element name

访问

$option = isset($_POST['taskOption']) ? $_POST['taskOption'] : false; //element name is valid call

使用JavaScript

8 个答案: