ingrese la descripción de la imagen aquí
ingrese la descripción de la imagen aquí
ingrese la descripción de la imagen aquí
ingrese la descripción de la imagen aquí
se agrega la barra de búsqueda, pero los datos no se obtienen en selectize jquery y en el lado normal están funcionando la etiqueta de opción de obtención de datos, pero después de agregar la barra de búsqueda en el menú desplegable, no puede funcionar, así que por favor ayuda
Esta es la versión simple de su tarea. Así que puede ser útil para usted:
let url = 'https://rickandmortyapi.com/api/character/?page=1'; let isOpen = false; const select = document.querySelector('#characters'); const getCharacters = (isFirstRun) => { if (!isFirstRun) { isOpen = !isOpen; if (isOpen) return; } fetch(url) .then(response => response.json()) .then(charactersData => { url = charactersData.info.next; select.innerHTML = ''; return charactersData.results.map(charactersData => charactersData.name); }) .then(charactersNames => charactersNames.forEach(characterName => { const option = document.createElement('option'); option.innerText = characterName; select.appendChild(option); })) .catch(e => console.log(e.message)); } getCharacters(true);
<select id="characters" onclick='getCharacters()'></select>
Puede usar una entrada con lista de datos.
https://developer.mozilla.org/de/docs/Web/HTML/Element/datalist