Así que tengo esta tabla CRUD que se ve así:

y cuando hago clic en "Modificar", quiero mostrar datos de fila en todas mis entradas y seleccionar cuadros en este

Wilaya y comuna significan estado y ciudad, puede adivinar que estoy tratando de mostrar los valores seleccionados de una tabla de filas en estas opciones de selección.

 <select name="state" id="state" onchange="populate(this.id,'city')"> <?php foreach($Wilaya as $wilaya){ echo '<option value="'.$wilaya.'">'.$wilaya.'</option>'; }?> </select> <select name="city" id="city"> <option value="" disabled selected>-- Selectionner Commune --</option> </select>

y la función de llenado se ve así:

 function populate(s1,s2){ var s1 = document.getElementById(s1); var s2 = document.getElementById(s2); s2.innerHTML = ""; // here I have a bunch of if statement here one example if(s1.value == "Tindouf"){ var optionArray = ['Oum el Assel','Tindouf',]; } for(var option in optionArray){ var data = optionArray[option]; var newoption = document.createElement("option"); newoption.value = data; newoption.innerHTML = data; s2.options.add(newoption); } };

así es como se ve el menú desplegable después de hacer clic en el cuadro de selección de ciudad "Modificar".

Así que me doy cuenta de que la función de relleno muestra las opciones de la ciudad solo cuando cambio mi selección, ¿cómo puedo mostrar las opciones de la ciudad después de cargar los datos en el modal sabiendo que el valor del estado ya está allí pero no muestra sus ciudades?