1

El codigo para crear el select es normal Select creado de manera norma

Este es el script que se agreago ademas de lacondicion introducir la descripción de la imagen aquí

1
  • Si usas JQuery, podrías utilizar Select2, este plugin te permite utilizar búsquedas, carga de datos entre otras cosas. Select2 el 23 oct. 2018 a las 17:59

1 respuesta 1

1

Has probado select2? Es facil de utilizar y no arruina la forma en la que tus datos se muestran, solo debes referenciar tu select en base a su ID y adjuntar el codigo luego de que tus datos se carguen.

Ejemplo en la web(luego de que la pagina se cargue):

 $(document).ready(function() {
    $('#descriptionItem').select2();
 });

Aplicandolo a tu codigo(suponiendo que asi sea):

//Tu codigo que asigna los valores al select(creeria que lo haces con un for each)
//luego de asignar todos los valores conviertes tu select normal a un select tipo select2
$('#descriptionItem').select2();

Si necesitas mas referencias, puedes consultarlas en su web.

Ahora bien, si no quieres utilizar nada de eso, te recomiendo visites este hilo Filter options of select box using input box value.

Saludos

4
  • Hola Francisco, agradezco tu respuesta, pero ya he integrado la parte de script que me dijiste en mi codigo html haciendo referencia al id, la respuesta a esto dice que "select2 not is a function"
    – cosito
    el 23 oct. 2018 a las 20:26
  • Hola Fernanda, en ese caso puede ser por 2 cosas. La primera, no tienes referenciada la libreria jquery en tu pagina, para resolver eso agrega esto: "<script src="ajax.googleapis.com/ajax/libs/jquery/3.3.1/…>" en el header de tu pagina o la segunda es porque el control select no se a cargado, para tal motivo prueba hacer esto: if ($("#descriptionItem").length > 0) $("#descriptionItem").select2(); Disculpa el formato del comentario, pero estoy desde la app movil y mo me deja colocar formato para codigos. Saludos el 23 oct. 2018 a las 21:29
  • La condicion soluciono uno de los errores ya no marca niniguno,pero no me aparece el buscador en mi select :/
    – cosito
    el 23 oct. 2018 a las 21:53
  • Podrias colocar tu codigo para ayudarte mejor el 23 oct. 2018 a las 21:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.