在多个具有相同id的select标签中捕获select标签的选中项

Question

我使用的是django框架，在这里，我通过render从python后端发送一个列表，以响应html页面，因此根据列表中的条件，将创建多个select标记。我的问题是，当我点击那些下拉列表前面的save按钮时，我想获取或捕获该下拉列表的选定值，但是每当我选择值时，我就得到了第一个下拉列表的值。 下面是我的代码。你知道吗

    <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({{result.1}});"> 
    <input type="hidden" id="name" name="name" value={{name}}>

<script>
    function function9(resume1)
    {
    console.log("input_string:::",resume1);
alert("Hello! I am an alert box!!",resume1);
         <!-- var opt1=document.getElementById("status8").value();  -->
        <!-- console.log("input_string:::",opt1); -->
            <!-- var e = document.getElementById("status8"); -->

            <!-- var input_string = e.options[e.selectedIndex].text;  -->

         if (resume1 == "COL") 
        <!--if (var input_string.equals("COL"))-->

                {
                var r=confirm("Are you sure?");
                    if (r == true) 
                    {
                    document.getElementById("listOfSearch{{result.0}}").submit();
                    } 
                    else 
                    {
                    document.getElementById("listOfSearch{{result.0}}").submit();
                    }
                }
        else
                {
                document.getElementById("listOfSearch{{result.0}}").submit();
                }
        return response;
     }
</script>

所以创建的select标记在for循环中 请帮帮我

Answer 1

您需要阅读更多有关表单、选择和提交的信息

• ID必须唯一！选项不需要ID或名称。你知道吗
• 切勿在“提交”按钮的“单击”事件中提交表单。相反，使用表单的submit事件并返回true以允许提交，返回false以停止提交

在从选项中删除所有ID和名称后尝试此操作

window.onload=function() {
  document.getElementById("listOfSearch{{result.0}}").onsubmit=function() {
    var sel = document.getElementById("status8");
    var val = sel.options[sel.selectedIndex].text; 
    if (val=="COL") return confirm("Are you sure?"); // submit only if confirmed
    return true; // submit anyway if val is not COL
  }
}

Answer 2

你知道吗

你知道吗 函数9（x） { var id=$（x）.closest（“tr”）.find（'td:eq（1）”）.find（#status8选项：选中“”。text（）； 控制台.log（“获取值”>；>；“，id）； }你知道吗