Javascript 为选择在for循环下创建的标记提供动态ID

我将列表从python后端发送到html页面，并创建下拉列表。因为它是一个列表列表，所以我在html中使用for-loop创建这些列表，所以在for-loop中创建时，select标记将只带有一个id，在该id下仅创建我的所有select标记

我不知道从后端发送的列表数量，所以应该动态创建select标记。我可以为它们分配动态id，以便在需要时获取该下拉列表的所需值

下面是我的代码

 {% for result in list1 %}
 <tr>
   <form id="listOfSearch{{result.0}}" 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}}" 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>

      {% else %}     

     {% endif %}

      </select> 

       <input class="css_save1" type="submit" name="save" value="Save" onclick = "function9();"> 

{%用于列表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”%}
内部面试
人力资源部面试
上校
{%else%}
{%endif%}

---

希望您理解了我的问题，并提前表示感谢

如果我正确理解了您的问题，那么我认为您正在为每个选定元素寻找动态id，而不是您可以这样做

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

---

抱歉，我不知道python中连接的语法，但您可以在循环中附加id。

您可能需要重新表述您的问题。您询问如何实现您的方法，而您的问题可能更简单。为什么您需要动态元素上的id？@abstractpaper我的方法是，仅当从下拉列表中选择col时，我才想生成一个弹出窗口，但如果我尝试仅使用jscript进行选择，则多个select标记将创建到同一id中第一个下拉列表的值为fetched@Barmar我需要使用动态ID获取它们各自的值jscript@Gangadhar因为HTML中的id是唯一的，所以标签元素的

id

属性不能与整个页面中的任何其他元素共享。