Creé un desde donde necesito tomar el estado y la ciudad o el distrito del usuario y tengo un archivo Json de toda la información. Pude obtener con éxito los Estados de ese archivo JSON

 <label for="state">State</label> <select name="state" id="state"> <option value="" selected="true" disabled="true">Select your State</option> </select> <label for="District">District</label> <select name="District" id="district"> <option value="" selected="true" disabled="true">Select your district</option> </select> <script> $(document).ready(function(){ var obj = "places.json"; let data; $.getJSON(obj, function (info) { data=info; $.each(data, function (index, value) { $('#state').append('<option value="' + index + '">' + value.state + '</option>'); }); }); }); </script>

Contenido del archivo JSON

 { "state":"Delhi (NCT)", "districts":[ "Central Delhi", "East Delhi", ] }, { "state":"Goa", "districts":[ "North Goa", "South Goa" ] },

Lo que quiero cuando el usuario Seleccione un estado particular en el cuadro desplegable. luego, en el distrito, todos los distritos de ese estado en particular mostrarán si es posible hacerlo

Intento de la misma manera obtener los distritos del JSON, pero en el menú desplegable obtengo todos los distritos de cada estado en el objeto. Lo que quiero cuando el usuario Seleccione un estado particular en el cuadro desplegable. luego, en el menú desplegable del distrito, se mostrarán todos los distritos de ese estado en particular. Es posible hacer esto. Supongamos que selecciono Goa todos los distritos de goa se muestran en el menú desplegable