Javascript 使用post方法从后端的html访问输入标记值

大家好，我是html和javascript新手。我的应用程序是从后端的列表创建一个表，在动态创建它们之后（因为列表的长度未知），我需要在python后端访问表的一些特定值，当我尝试这样做时，我能够在后端获取值，但值不是所需的值。它返回的值是该表的最后一个元素

下面是我的代码

{% for result in list1 %}
 <tr id="tr_id">
    <form id="listOfSearch{{result.0}}" name="listOfSearch" method="post" action="/fetch_candid/"> 
    <form id="listOfSearch{{result.0}}" name="listOfSearch" method="post" action = "/fetch_candid/">

     <td>
    <a href="#" onclick="document.forms['listOfSearch{{result.0}}'].submit();">{{result.0}}
    <input name="uniqID" value="{{result.0}}" id="IdField" type="hidden" >
    </a></td>

    <input  name="save" value="0" type="hidden">

    <input  name="listresult" value="{{list1}}" type="hidden">
     <input type="hidden" id="statusofresume123" name="statusofresume123" value="{{sres}}">
      <input type="hidden" id="Client1" name="Client1" value="{{client}}">
      <input type="hidden" id="ReqId1" name="ReqId1" value="{{reqid}}">
      <input type="hidden" id="only_skills" name="only_skills" value="{{only_skills}}">
      <input type="hidden" id="mbno" name="mbno" value="{{mbno}}">
     <input type="hidden" id="ReqId" name="ReqId" value="{{reqid4}}">
      <input type="hidden" id="Client" name="Client" value="{{client2}}">
       <input type="hidden" id="Name" name="Name" value="{{Name}}">
       <input type="hidden" id="datepicker" name="datepicker" value="{{Date1}}">
       <input type="hidden" id="datepicker1" name="datepicker1" value="{{Date2}}">
       <!-- <form id="listOfSearch{{result.0}}" name="listOfSearch" method="post" action="/fetch_candid/"> -->
    <td style="padding:5px; width:50px;">


    <select style="padding:5px; width:102%;"  onchange="savestate({{result.0}});" class="select11" id="status8" name="status8" title="Choose Status">
     <option id="status8"  name="status8" >{{result.1}}</option>


     {% if result.1 == "HR_Interview" %}

      <option id="status8"  name="status8">COL</option>


      {% elif result.1 == "Internal_Interview" %}

      <option id="status8"  name="status8">HR_Interview</option>
      <option id="status8"  name="status8">COL</option>


      {% elif result.1 == "COL" %}

      <option id="status8"  name="status8">CS</option>


      {% elif result.1 == "CI" %}

      <option id="status8"  name="status8">CIS</option>


      {% elif result.1 == "CIS" %}

      <option id="status8"  name="status8">Joining</option>



     {% elif result.1 == "CS" %}

      <option id="status8"  name="status8">CI</option>


      {% elif result.1 == "Line_up" %}

      <option id="status8"  name="status8">Internal_Interview</option>
       <option id="status8"  name="status8">HR_Interview</option>
       <option id="status8"  name="status8">COL</option>

     {% endif %}

      </select>
       <input class="css_save1" type="submit" name="save" value="Save" onclick = "function9(this);">
       <input type="hidden" id="name" name="name" value={{name}}>

<input name="uniqID1" value="{{result.0}}" id="IdField" type="hidden" >
<input type="hidden" id="name" name="name" value={{name}}>
</td>

 <!-- </form>  -->


    <td class="reqid1">{{result.2}}</td>
    <td>
    {{result.3}}
    <input name="Client18" id="Client18" type="hidden" value="{{result.3}}">
    </td>
    <td>
    {{result.4}}
    <input name="name18" id="name18" type="hidden" value="{{result.4}}">
    </td>
    <td>{{result.5}}</td>
    <td>{{result.6}}</td>
    <td>{{result.7}}</td>
    <td>{{result.8}}</td>
    <td>{{result.9}}</td>
    <td>{{result.10}}</td>
    <td>{{result.11}}</td>
    <td>{{result.12}}</td>
    <td>{{result.13}}</td>
    <td>{{result.14}}</td>
    <td>{{result.15}}</td>
    <td>{{result.16}}</td>
    <td>{{result.17}}</td>

<input type="hidden" id="name" name="name" value={{name}}>
      </form>

<script>
    function function9(x)
    {
    var id = $(x).closest("tr").find('td:eq(1)').find("#status8 option:selected").text();
    var Client18 = $(x).closest("tr").find('td:eq(3)').text();
    var name18 = $(x).closest("tr").find('td:eq(4)').text();
    console.log("fetched value>>>",id,Client18,name18);         
         if (id == "COL")        
                {
                var r=confirm("Do you want to generate COL NOW ?");
                    if (r == true)
                    {
                    alert("before");
                    document.getElementById("listOfSearch{{result.0}}").action ="/hrpage/";
                    document.getElementById("listOfSearch{{result.0}}").method = 'POST';
                    document.getElementById("listOfSearch{{result.0}}").submit();
                    alert("after");
                    }
                    else
                    {
                    document.getElementById("listOfSearch{{result.0}}").submit();
                    }
                }
        else
                {
                document.getElementById("listOfSearch{{result.0}}").submit();
                }
        <!-- return response; -->
    }
</script> 

{%用于列表1%中的结果]
{{result.1}}
{%if result.1==“HR_面试”%}
上校
{%elif result.1==“内部面试”%}
人力资源部面试
上校
{%elif result.1==“COL”%}
反恐精英
{%elif result.1==“CI”%}
顺式
{%elif result.1==“CIS”%}
连接
{%elif result.1==“CS”%}
词
{%elif result.1==“Line_up”%}
内部面试
人力资源部面试
上校
{%endif%}
{{result.2}}
{{result.3}}
{{result.4}}
{{result.5}}
{{result.6}}
{{result.7}}
{{result.8}}
{{result.9}
{{result.10}}
{{result.11}
{{result.12}}
{{result.13}
{{result.14}
{{result.15}}
{{result.16}}
{{result.17}}
功能9（x）
{
var id=$（x）.最近的（“tr”）.find（'td:eq（1）'）.find（'status8 option:selected'）.text（）；
var Client18=$（x）.最近的（“tr”）.find（'td:eq（3）'）.text（）；
var name18=$（x）.最近的（“tr”）.find（'td:eq（4）'）.text（）；
log（“获取的值>>>”，id，Client18，name18）；
如果（id==“COL”）
{
var r=confirm（“是否立即生成列？”）；
如果（r==true）
{
警惕（“之前”）；
document.getElementById（“listOfSearch{{result.0}}”）.action=“/hrpage/”；
document.getElementById（“listOfSearch{{result.0}}”）。方法='POST'；
document.getElementById（“listOfSearch{{result.0}}”）.submit（）；
警报（“之后”）；
}
其他的
{
document.getElementById（“listOfSearch{{result.0}}”）.submit（）；
}
}
其他的
{
document.getElementById（“listOfSearch{{result.0}}”）.submit（）；
}
}

这是一个django应用程序 我的应用程序是当我按下保存按钮时，这是在每一行中形成的，我需要获得特定行的客户机名称和候选名称

---

请帮我做这件事，我会尽力帮助你的。首先，我在代码中看到两个标记，但您只关闭了一个。那是错误的

我要做的是将表单放在表外，使用两个隐藏的输入并用javascript代码填充它。将每行中的客户端和名称传递给javascript函数：

函数9（{{client}}'，{{name}'）

该函数只需使用jquery将client和name值设置为隐藏输入，并调用submit表单

您可以使用浏览器开发人员工具（F12）查看发送到服务器的参数

---

祝你好运。

你能提供一个生成的代码示例，但它不能按你所希望的那样工作吗？@jsruok你想要我的python文件吗？或者快照？我不能这样做，因为我正试图根据不同的条件提交两个不同的表单，所以我需要在一个表单中编写，并将收集到的值发送到@dasolma