Ciao,
Ho un file con un json così formato:
Al primo step del mio script prelevo le proprietà di "form" e costruisco un select con le voci "HOW-I" e "HOW-II"codice:{ "form": { "HOW-I": { "1": { "12": true, "13": true }, "2": { "21": true, "22": true, "11": { "12": true, "21": true } } }, "HOW-II": { "11": { "1": true, "2": true }, "12": { "21": true, "22": true, "11": { "12": true, "21": { "1":true, "2":true } } } } }}
esempio del dom:
A questo punto devo in base alla scelta del select "Pippo" creare un select nuovo relativo al suo livello nell'oggetto json, Prendiamo come esempio che io seleziono "HOW-II", quindi dovrò creare un nuovo select con i valori "11" e "12"codice HTML:<select id="pippo"> <option value="HOW-I">HOW-I</option> <option value="HOW-II">HOW-II</option> </select>
continuando con questa logica se io selezionassi il valore "12" del secondo select element si dovrebbe creare un nuovo select con le voci "21","22","11" che seguendo il json iniziale sono i livelli annidiati partendo da "HOW-II".codice HTML:<select id="pippo"> <option value="HOW-I">HOW-I</option> <option value="HOW-II" selected>HOW-II</option> </select> <br> <select> <option value="11">id11</option> <option value="12">id12</option> </select>
La costruzione dei select non è un problema, quello che ho difficoltà e passare il path padre che mi serve per capire quali option devo generare da un onchange e un'altro.
In teoria, se nel secondo select element dovessi selezionare il "12" dovrei passare alla funzione che crea il nuovo select il path form->HOW-II->12 da cui estrarre le proprietà che mi creano il nuovo select con le rispettive voci (21,22,11)![]()

Rispondi quotando