如何从表中动态创建的选择中检索所选选项的值

Question

我正在表中动态创建一个下拉列表，并希望检索所选项目的值。 我可以获取其他元素的值（例如，输入）； 然而下拉菜单让我难住了。 在下面的代码中，startDate 是正确的，但是 parRating 始终为 1（选择中的第一个值）。

注意：我想要值 (parIdArray) 而不是 val (parRatingArray)。

用于创建的 HTML：

html += "<td style='width : 1%; white-space: nowrap;'><select name='parRating'>"
for (let i = 0; i <= paraArray; i++) {
    if (this.parRating  == parRatingArray[i]) {
        // set the current option to this.parRating 
        html += "<option selected name='parRatingOption' value='" + parIdArray[i] + "'>" + parRatingArray[i] + "</option>"
    }else {
        html += "<option name='parRatingOption' value='" + parIdArray[i] + "'>" + parRatingArray[i] + "</option>"
    }
};
html += "</select></td>";

if (this.patparStartDate == null) {
    html += "<td style='width : 1%; white-space: nowrap;'><input type='date' name='startDate' value=''></td>";
}else {
    html += "<td style='width : 1%; white-space: nowrap;'><input type='date' name='startDate' value='" + this.patparStartDate + "'></td>";
}

检索值的 HTML：

var parRating = $(this).parents('tr:first').find('option[name="parRatingOption"]').value;
alert("parRating: " + parRating);//always 1
var startDate = $(this).parents('tr:first').find('input[name="startDate"]').val();

Answer 1

您只需要使用 jQuery :selected选择器将上面代码中选择的选项作为目标：

您还需要使用.val()来获取选项值而不是 jQuery 中的value属性

试试下面的代码：

var parRating = $(this).parents('tr:first').find('option[name="parRatingOption"]:selected').val();