Estoy creando dinámicamente una lista desplegable en una tabla y quiero recuperar el valor del elemento seleccionado. Puedo obtener el valor de otros elementos (p. ej., entrada); sin embargo, el menú desplegable me tiene perplejo. En el siguiente código, la fecha de inicio es correcta, sin embargo, parRating siempre es 1 (el primer valor en la selección).

Nota: quiero el valor (parIdArray) no el val (parRatingArray).

HTML para crear:

 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 para recuperar valores:

 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();