Javascript 如何使用JQuery/AJAX检索容器中所有下拉列表的选定值？

使用Javascript，我在dvContainer下动态生成下拉列表。我想获取该容器下所有select元素的选定值。以下是由javascript生成的HTML代码：

<div id="dvContainer">
   <div>
      <select id="QType_id2">
         <option value="1">MCQs</option>
         <option value="2">Short Questions</option>
         <option value="3">Long Questions</option>
      </select>
      <input type="button" value="Remove">
   </div>
   <div>
      <select id="QType_id">
         <option value="1">MCQs</option>
         <option value="2">Short Questions</option>
         <option value="3">Long Questions</option>
      </select>
      <input type="button" value="Remove">
   </div>
   <div>
      <select id="QType_id">
         <option value="1">MCQs</option>
         <option value="2">Short Questions</option>
         <option value="3">Long Questions</option>
      </select>
      <input type="button" value="Remove">
   </div>
</div>

此Java脚本用于在dvContainer中添加下拉列表：

<script type="text/javascript">
        function AddDropDownList() {

            //Build an array containing Customer records.
            var customers;

            $.getJSON(href="URL GOES HERE",function(customers){
            

            //Create a DropDownList element.
            var ddlCustomers = $("<select />");
            ddlCustomers.attr('id',"QType_id")
            //Add the Options to the DropDownList.
            $(customers).each(function () {
               var option = $("<option />");

                //Set Customer type in Text part.
                option.html(this.type);

                //Set id in Value part.
                option.val(this.id);

                //Add the Option element to DropDownList.
                ddlCustomers.append(option);
            });

            //Reference the container DIV.
            var dvContainer = $("#dvContainer")

            //Add the DropDownList to DIV.
            var div = $("<div />");
            div.append(ddlCustomers);

            //Create a Remove Button.
            var btnRemove = $("<input type = 'button' value = 'Remove' />");
            btnRemove.click(function () {
                $(this).parent().remove();
            });

            //Add the Remove Buttton to DIV.
            div.append(btnRemove);

            //Add the DIV to the container DIV.
            dvContainer.append(div);
        });
        };
        
    </script>

---

使用AJAX/jQuery，我想构建一个函数，它给出所有下拉列表的选定值。

只是为了说明一下，添加多个具有相同id的元素不是一个好做法。建议将ddlcusters.attr'id'，QType_id替换为ddlcusters.attr'name'，QType_id。下面添加的是获取所有行数据的代码片段

函数getAllRowsData{ var alldata=$'dvContainer>div'.mapfunction{ var$this=$this， 数据={}； data['QType_id']=$this.find'[name=QType_id]'.val； 返回数据； }.托雷； $alldataop.textJSON.stringifyalldata； } 多项选择题 简短问题 冗长的问题 多项选择题 简短问题 冗长的问题 多项选择题 简短问题 冗长的问题

---

QType_id id应该是唯一的，您可以改用class。我应该在Java中做哪些更改来为新条目分配不同的id？很抱歉问了这个基本问题。谢谢。它解决了我的问题。我会听从你的建议。