En una cuadrícula, tengo que crear un formulario (emergente) dinámicamente, basado en un JSON que tiene los datos para qué tipo de entrada va en el formulario. Para el tipo de selección, las opciones son diferentes para cada formulario, y todas las opciones están en otro JSON que se llama según el nombre del JSON anterior.
ejemplo. Hago clic en el botón "crear informe" para la fila número 1 en la cuadrícula. ventana emergente abierta con formulario para obtener el filtro del informe. el botón llama al 1er JSON que es así:
[ { "name": "Report Users residence", "input": [{ "type": "select", "name": "city", }, { "type": "select", "name": "address", }] } ]En este caso las ciudades están en otro JSON llamado "city.json".
[ { "code": "000000", "description": "City1" }, { "code": "000001", "description": "City2", } ]Pude crear el formulario, pero no sé cómo obtener la opción del segundo JSON en la "ciudad" seleccionada. ¿Alguien puede darme un ejemplo de cómo hacerlo?
Primero, los datos de la ciudad deben convertirse en object . Después de eso, usando el método jQuery $.each , puede recorrer el objeto de la ciudad para crear una opción para seleccionar y agregar a la selección.
Este es un ejemplo de la idea:
<select name="city"></select> <script> var city = [{"code":"000000","description":"City1"},{"code":"000001","description":"City2",}]; var citySelect = $(document).find('select[name="city"]'); $(city).each(function(key,item){ var cityOption = new Option(item.description,item.code); citySelect.append(cityOption); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="city"></select> <script> var city = [{"code":"000000","description":"City1"},{"code":"000001","description":"City2",}]; var citySelect = $(document).find('select[name="city"]'); $(city).each(function(key,item){ var cityOption = new Option(item.description,item.code); citySelect.append(cityOption); }); </script>