如何通过动态元素发布表格

时间:2019-06-06 06:25:35

标签: jquery

我有一个动态表,其中充满了href链接,每个链接都有其自身值的数据元素。 还有一种形式(不是动态生成的)具有隐藏的输入类型,该类型将由链接数据值设置。

我可以使用正确的数据发布带有隐藏输入值的表单,并且操作页面可以正常加载,但是无法接收任何发布数据。 似乎元素可以发布表单,但是数据没有发送。

   jQuery(document).ready(function() {        
      jQuery(document).on("click", ".linksollicituddetall", function() {
        var intIdSollicitud = jQuery(this).data("idsol");

        if(intIdSollicitud.toString().length > 0) {
            jQuery("#idsol").val(intIdSollicitud);
            jQuery("#frmDetallSollicitud").submit();    
        }
       });
   });

 <body>

<form id="frmDetallSollicitud" method="POST" action="DetallSollicitud.asp">
    <input type="hidden" name="idsol" id="idsol" value="-1">
</form>

</body>

我要实现的是单击链接时,隐藏的输入类型将填充链接的数据,然后提交表单。在下一页(操作URL)中接收发布数据。

1 个答案:

答案 0 :(得分:1)

好吧,问题在于,链接在发送表单之前正在启动href,因此该问题并未阻止Default。

正确的代码是:

jQuery(document).on("click", ".linksollicituddetall", function(e) {
        e.preventDefault();
        var intIdSollicitud = jQuery(this).data("idsol");

        if(intIdSollicitud.toString().length > 0) {
            jQuery("#idsol").val(intIdSollicitud);
            jQuery("#frmDetallSollicitud").submit();    
        }
    });