Question

我有简单的表格

<form id="formToSubmit1" action="?action=send&to=med" method="post">
  <input type="text" name="data" value="data" />
  <input type="hidden" name="hiddenData" value="hiddenData" /> 
  <input type="submit" value="submit" /> 
</form>

我想从多个地方提交它，所以我建立了自己的链接

<span class="likeLink" id="submitLinkToForm1">Submit</span>

这是我的代码

jQuery(document).ready(function(){
     jQuery( "#submitLinkToForm1" ).click(function() {
           jQuery("#formToSubmit1").submit();
     });
});

它不起作用..或显示任何错误。有什么想法吗？

Answer 1

$(document).ready(function()
                  {
                      $('#submitLinkToForm1').click(function()
                        {
                            $('#formToSubmit1').submit();
                        });
                  });

JSFIDDLE

Answer 2

这种jQuery需要在DocuemntReady上运行。这是因为如果您尝试在此之前附加提交事件列表器，则您的html已在浏览器中呈现。

您可以将代码置于documentReady eventlistner中，如下所示：

jQuery(document).ready(function(){ 
     jQuery( "#submitLinkToForm1" ).click(function() {
             jQuery("#formToSubmit1").submit();
     });
});

Answer 3

可能是因为您有多个id具有相同名称，请尝试使用class。

<span class="likeLink submitLinkToForm1">Submit</span>

然后你可以这样做：

jQuery("body").on('click', '.submitLinkToForm1' , function() {
    jQuery("#formToSubmit1").submit();
});

表格不能通过jquery提交

3 个答案: