Javascript 使用Jquery从每一行捕获下拉选择

我有一个动态html代码来填充firstname和lastname，它还添加了一列下拉选择的性别和文本输入字段，以便他们报告收入和汽车型号。 名称列表有时可能只有2行或50行，这取决于它从哪个数据读取。 html如下所示

<tr><td style='width:50px; class='reg' value=''>+FName+</td>
            <td style='width:50px; class='reg' value=''>+LName+</td>
            <td style='width:50px; class='reg' id='gend'>
               <select>
                  <option value='F'>Female</option>
                  <option value='M'>Male</option>
              </selected></td>
           <td style='width:50px; class='reg' value=''><input class='inp' type='text'></td>
           <td style='width:50px; class='reg' value=''><input class='inp' type='text'></td>
     </tr>

查询部分工作，因为它只捕获第一行下拉列表。如果我有2+行，它只捕获第一个下拉列表。 是否有方法捕获从下拉列表中选择的所有行？当我将Jquery从option:selected更改为option时，我可以看到每行的所有选项。基本上，如果我有3行，我会看到F，M三次。我不确定我错过了什么？

---

我还可以将其中一个选项设为默认值吗？

您在DOM中复制相同的

id

，而它们必须是唯一的。这就是为什么只找到第一行。将

gend

id更改为一个类，并修改JS以选择这个类，您的代码将按原样工作。是的，成功了。非常感谢。如果我想从输入字段中获取所选下拉列表和文本，该怎么办？使用DOM遍历方法，如

closest（）

和

find（）

检索与引发

change

事件的

select

相关的

输入。如果你被这个问题困扰，试着问一个新问题
cap=$("#gend option:selected").map(function(){
return $(this).val();
}).get().join(",");
})