Tengo un pequeño problema con select2 .

Quiero hacer cuando el usuario seleccione un país para obtener todas las regiones de ese país por número de ID de país. Lo logré sin ningún problema. El problema es cuando quiero buscar regiones ya cargadas. Escribo el nombre de la región en el campo de entrada y envía la solicitud GET id.

¿Cómo filtrar datos ya cargados sin enviar una nueva solicitud a la base de datos?

Aquí está el código.

 var countries = $('.js-country-select'); var states = $('.js-state-select'); var city = $('.js-city-select'); // Init all countries countries.select2({ ajax: { url: '/admin/drzave/', dataType: 'json', } }); // Select country and get states based on Country ID countries.on('select2:selecting', function() { // when is country selected than load states by id states.select2({ ajax: { url: '/admin/region/', data: function() { var query = { country_id: countries.val(), // <-- selected country ID } return query; }, dataType: 'json', } }); });

SQL: SELECCIONE * DESDE regiones DONDE country_id = ID

Aquí está la foto

En la foto se puede ver, solicitud de país y región. La región siempre envía ID y no se puede filtrar por nombre de región.