18910140161

HTML-使用JavaScript从动态生成的表单中读取数据-堆栈溢出

顺晟科技

2022-10-18 14:04:46

42

因此,给出一个包含多个生成表单的HTML页面:

{% for row in data %}
    <form action="/aggiorna_pratica" method='POST' id="inserisci_app_{{ row[0][1] }}">
       <input name="id_pratica_{{ row[0][1] }}" type='hidden 'id="id_pratica_{{ row[0][1] }}" value="{{ row[0][1] }}"></input> 

       <button type="submit" class="btn btn-success aggiorna_app">
          <i class="fa fa-check"></i>
       </button>
    </form>
{% endfor %}

行[0][1]包含行的ID.

我试图从他们中的每一个发送Ajax请求,但我从每一行中得到第一行的相同ID.

这是JavaScript

$(document).ready(function() { $(".aggiorna_app").click(function(event) { 
//prevent submit
event.preventDefault(); //Thx @alex

//do things on submit
$.ajax({
    data : {
        tipo_richiesta : "inserisci_intervento",
        id : $('#id_pratica').val(),
        data_int : $('#data_int').val(),
        ora_int : $('#ora_int').val()
    },
    type: "POST",
    url: "/aggiorna_pratica",
    beforeSend: function(){
        //Before send data
    },
    success: function(data){
        console.log(data);
    }
});
});});

我知道我是个新手,但我真的需要一些帮助。


顺晟科技:

下面是一个测试单击事件的工作示例。单击事件发生在每个表单中的.aggoriorna_app按钮上,但是传递给Ajax调用的ID看起来每次都会获取.val(),例如,$('#id_pratica').val()

<代码>窗体{边距-底部:3rem;}
<代码><;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ”>;<;/script>;<;DIV类=“容器”>;<;Form action=“/AgGiorna_Pratica ” method=' post ' ID=“ Inserisci_应用程序_{{row[0][1]}}”>;<;INPUT NAME=“ ID_PRATICA_{{ROW[0][1]}}” TYPE=' HIDDEN ' ID=“ ID_PRATICA_1 ” VALUE=“输入_1 ”>;<;/INPUT>;<;Button type=“ Submit ” Class=“ btn btn-success Aggiorna_应用程序”>;<;I CLASS=“ fa fa-check ”>;<;/I>;单击我<;/按钮>;<;/窗体>;<;Form action=“/AgGiorna_Pratica ” method=' post ' ID=“ Inserisci_应用程序_{{row[0][1]}}”>;<;INPUT NAME=“ ID_PRATICA_{{ROW[0][1]}}” TYPE=' HIDDEN ' ID=“ ID_PRATICA_2 ” VALUE=“输入_2 ”>;<;/INPUT>;<;Button type=“ Submit ” Class=“ btn btn-success Aggiorna_应用程序”>;<;I CLASS=“ fa fa-check ”>;<;/I>;单击我<;/按钮>;<;/窗体>;<;Form action=“/AgGiorna_Pratica ” method=' post ' ID=“ Inserisci_应用程序_{{row[0][1]}}”>;<;INPUT NAME=“ ID_PRATICA_{{ROW[0][1]}}” TYPE=' HIDDEN ' ID=“ ID_PRATICA_3 ” VALUE=“输入_3 ”>;<;/INPUT>;<;Button type=“ Submit ” Class=“ btn btn-success Aggiorna_应用程序”>;<;I CLASS=“ fa fa-check ”>;<;/I>;单击我<;/按钮>;<;/窗体>;<;/DIV>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航