tengo este tipo de codigo
<form class="row" id="testamentExecutor"> <div id="executorsSection" class="form-row"> <div class="executorSection form-row"> <input type="text" name="firstname"> ... <div class="alternativeExecutorSection visually-hidden"> <input type="text" name="firstname"> ... </div> </div> </div> </form>Edito, doy más detalles sobre el problema.
Estructura del objeto
List<Executor> executors; public class Executor { Person executor; Person alternative; } public class Person { String firstname; String lastname; String city; }Leo almacenamiento local
let testamentExecutorStorage = localStorage.getItem("executorPersons"); let executorTable = JSON.parse(executorStorage); for(let i=0;i<exectorSize;i++) { $("input[name=firstname]").eq(i).val(executorTable[i].executor.firstname); $("input[name=lastname]").eq(i).val(executorTable[i].executor.lastname); $("input[name=city]").eq(i).val(executorTable[i].executor.city); if(executorTable[i].alternative!=undefined){ $("input[name=firstname]").eq(i+1).val(executorTable[i].alternative.firstname); $("input[name=lastname]").eq(i+1).val(executorTable[i].alternative.lastname); $("input[name=city]").eq(i+1).val(executorTable[i].alternative.city); } }Puede tener 2 bloques de ejecutorSection alternativaExecutorSection no es obligatorio
¿Hay alguna manera de obtener la entrada (alternativeExecutorSection también) de executorSection de la matriz?
AlternativeExecutorSection no está visible, ¿mi problema actual está visible en esta sección?
Por ejemplo, el primer ejecutor no tiene ningún valor para alternativa, por lo que alternativaExecutorSection está oculta.
pero si el segundo ejecutor tiene una alternativa, ¿cómo lo veré, lo pondré visible en el ciclo?
const inputs = document.querySelectorAll(".executorSection input") inputs.forEach(i => console.log("INPUT VALUE:", i.value)) <div id="executorsSection" class="form-row"> <div class="executorSection form-row"> <input type="text" name="firstname" value="first"> <div class="alternativeExecutorSection visually-hidden"> <input type="text" name="firstname" value="second"> </div> </div> </div>