如何使用javascript提交多個表單中的一個表單

在我的網站上，我有一個人們可以查看的所有信件的大列表。對於每個字母都有一個表單，它將一些數據從字母發送到下一頁。我想要做的是提交一個鏈接的形式，而不是一個按鈕。據我所知，這是不可能的PHP。所以我試着用Javascript來製作我想要的東西。我在Javascript中的編程經驗是0％。我需要一些幫助，這:)如何使用javascript提交多個表單中的一個表單

這是我使用的代碼：

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

<form id='brief_weergeven[]' action='<?php echo $main; ?>beveiligd/achterbanner/nieuwsbrief.php' method='POST'> 
    <input type='hidden' name='nummer' value='<?php echo $brieven[0]; ?>'> 
    <input type='hidden' name='datum_maand' value='<?php echo $maand_getal; ?>'> 
    <input type='hidden' name='datum_jaar' value='<?php echo $jaar; ?>'> 
    <a href="javascript: submitform()" class='button'>Nieuwsbrief <?php echo $brieven[0]; ?> (<?php echo $maand .' ' .$jaar; ?>)<BR></a> 
</form>

此代碼運行的每一個字母。正如你所看到的，我使用一個數組爲所有表單提供了一個單獨的ID。唯一的是我不知道如何讓JavaScript知道我提交了哪個論壇。

我該怎麼做？請記住，我對JavaScript一無所知，所以請解釋你在回答中做了什麼。

來源

2014-09-11 Samuël Visser

你不需要JavaScript來做到這一點，只是用CSS來讓你的按鈕看起來像一個鏈接：

的CSS：

button { 
     border:none; 
     padding:0; 
     background: none; 
     color: blue; 
     text-decoration: underline; 
     cursor: pointer; 
    }

html：

<button type="submit">Submit</button>

來源

2014-09-11 11:25:15 Steve

不錯的選擇！ – 2014-09-11 11:26:15

非常感謝！完美工作，我真的很喜歡不必使用Javascript :) – 2014-09-11 11:29:50

@SamuëlVisser太棒了，很高興我能幫到你 – Steve 2014-09-11 11:32:56

您可以使用document.getElementById('form-id') 器和事件處理這樣

var form = document.getElementById('your-form-id'); 
form.onsubmit = function(){ 
// code 
}

來源

2014-09-11 11:24:48 Gtopuria

user574632給了你一個不錯的替代品。甚至還想使用JavaScript，你可以在下面嘗試。

使用具有該鏈接的id屬性作爲selector jQuery的onclick方法。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $("#submit_link").on("click", function(){ 
     var form = $(this); 
     var url = form.attr("action"); 
     var data = form.serialize(); 
     $.post(url, data); 
    }); 
}); 
</script> 

<form id='brief_weergeven[]' action='<?php echo $main; ?>beveiligd/achterbanner/nieuwsbrief.php' method='POST'> 
    <input type='hidden' name='nummer' value='<?php echo $brieven[0]; ?>'> 
    <input type='hidden' name='datum_maand' value='<?php echo $maand_getal; ?>'> 
    <input type='hidden' name='datum_jaar' value='<?php echo $jaar; ?>'> 
    <a href="#" id="submit_link" class='button'>Nieuwsbrief <?php echo $brieven[0]; ?> (<?php echo $maand .' ' .$jaar; ?>)<BR></a> 
</form>

來源

2014-09-11 11:29:37

如何使用javascript提交多個表單中的一個表單

回答

相關問題