it-swarm.com.de

Senden Sie das Formular mit dem <a> -Tag

Ich versuche, ein Formular über das Ereignis onclick on tag einzureichen. Ich habe versucht, document.myform.submit (), this.form.submit (), parentNode.submit () usw. auszulösen, aber nichts davon funktioniert! Mit einer Senden-Schaltfläche funktioniert der Code gut. Aber ich möchte stattdessen tag verwenden. Hilfe benötigen.

            <form id="myform" name="myform" method="POST" action="process_edit_questionnaire.php?project=<?php echo $project_id; ?>">
                <input name="module" type="hidden" value="<?php echo $module_id;?>"/>
                <input name="project" type="hidden" value="<?php echo $project_id;?>"/>
                <input name="hidden_ques_id" type="hidden" value="<?php echo $data_array_ques[$j]['ques_id'];?>"/>

            <div id="question_block">

                <div id="serial_block">
                    <p id="s_original_<?php echo $j+1; ?>"><a href="#" onclick="showSelectBox(<?php echo $j+1; ?>)">Serial : 
                        <?php 
                        if($data_array_ques[$j]['ques_position']==NULL){ 
                            echo $j+1;                            
                        } 
                        else { 
                            echo $data_array_ques[$j]['ques_position'];         
                        } ?></a></p>
                    <p id="s_select_box_<?php echo $j+1; ?>" style="display: none;">Serial : 
                        <select name="serial">
                          <?php for($p=1;$p<=count($data_array_ques);$p++){ ?>
                                    <option value="<?php echo $p; ?>" <?php if($p==$data_array_ques[$j]['ques_position']){ echo "selected=\"selected\"";} ?> ><?php echo $p; ?></option>
                          <?php }  ?>
                        </select>
                    </p>
                </div>

                <div id="question_text">
                    <a href="#" onclick="showTextBox(<?php echo $j+1; ?>)"><p id="q_original_<?php echo $j+1; ?>"><?php echo $data_array_ques[$j]['ques_text']; ?></p></a>
                    <p id="q_text_box_<?php echo $j+1; ?>" style="display:none;"><textarea id="ques_text" name="ques_text" rows="3" cols="30"><?php echo $data_array_ques[$j]['ques_text']; ?></textarea></p>                     
                </div>

            </div>

            <div id="menu_block">
                <a href="" onclick="document.myform.submit()">Save Changes</a> |
                <a href="delete_question.php?project=<?php echo $project_id; ?>&module=<?php echo $module_id; ?>">Delete This Question</a>
            </div>
            </form>
29
Potheek

sie können es mit rohem Javascript so machen

<html>
    <body>
        <form id="my_form" method="post" action="mailto://[email protected]">
            <a href="javascript:{}" onclick="document.getElementById('my_form').submit();">submit</a>
        </form>
    </body>
</html>
43
krystan honour

Wenn Jquery erlaubt ist, können Sie folgenden Code verwenden, um es auf die einfachste Weise zu implementieren: 

<a href="javascript:$('#form_id').submit();">Login</a>

oder

<a href="javascript:$('form').submit()">Login</a>

Sie können die folgende Zeile in Ihrem head-Tag () verwenden, um Jquery in Ihren Code zu importieren 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
5
Hemant Nagpal

Senden Sie Ihr Formular so ab ...

Ihr HTML-Code 

    <form name="myform" action="handle-data.php"> Search: <input type='text' name='query' />
     <a href="javascript: submitform()">Search</a> 
   </form> 

JavaScript-Code

  <script type="text/javascript"> 
        function submitform() {   document.myform.submit(); } 
   </script> 
5
Pranay Rana

Versuche dies:

Angenommen, HTML sieht folgendermaßen aus:

   <form id="myform" name="myform" method="POST" action="process_edit_questionnaire.php?project=<?php echo $project_id; ?>">
      <div id="question_block">
            testing form
        </div>
     <a href="javascript: submit();">Submit</a>
        </form>

JS:

   <script type='text/javascript'>
     function submit()
      {
         document.forms["myform"].submit();
      }
   </script>

sie können es hier ansehen: http://jsfiddle.net/Zm426/7/

4
Jignesh Rajput

So mache ich es mit Vanilla JS

<form id="myform" method="POST" action="xxx">
    <!-- your stuff here -->
    <a href="javascript:void()" onclick="document.getElementById('myform').submit();>Ponies await!</a>
</form>

Sie können mit return falses und href="#" vs void und was auch immer Sie benötigen, aber diese Methode hat für mich in Chrome 18, IE 9 und Firefox 14 funktioniert und der Rest hängt hauptsächlich von Ihrem Javascript ab.

4
Nenotlep

Gibt es einen Grund, warum Sie keine submit-Schaltfläche verwenden und sie dann mit css an Ihre anderen a -Tags anpassen möchten?

Ich denke, das würde Ihre Abhängigkeit von der Aktivierung von Javascript reduzieren und trotzdem das gewünschte Ergebnis erzielen.

2
CF5

Sie können die ausgeblendete Schaltfläche "Senden" verwenden und diese mit einem Java-Skript/einer Jquery wie folgt anklicken: 

  <form id="contactForm" method="post" class="contact-form">

        <button type="submit" id="submitBtn" style="display:none;" data-validate="contact-form">Hidden Button</button>
        <a href="javascript:;" class="myClass" onclick="$('#submitBtn').click();">Submit</a>

  </form>
1
Alaa' Agha

Ich schlage vor, "return false" anstelle von Javascript im href-Tag zu verwenden:

<form id="">
...
</form>

<a href="#" onclick="document.getElementById('myform').submit(); return false;">send form</a>
1
Rafael Kutscha
<form  id="myform_id" action="/myMethode"  role="form"  method="post" > 
   <a  href="javascript:$('#myform_id').submit();" >submit</a>
</form>
0
Ameni

Mit Jquery können Sie so etwas tun:

$(document).ready(function() {
  $('#btnSubmit').click(function() {
    $('#deleteFrm').submit();
  });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="" id="deleteFrm" method="POST">
  <a id="btnSubmit">Submit</a>
</form>

0
James