Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/02/2018, 22:23
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Posicionarse en un select

Con jQuery, con otra librería/framework y hasta con JavaScript puro y duro en un entorno en el que aún no se brinde soporte a los métodos implementados por ECMAScript 6, solo necesitarías recorrer el conjunto de opciones del <select> y hacer la comparación con el valor escrito, pudiéndote apoyar con métodos de búsqueda en cadenas como .search() (si deseas buscar usando una expresión regular) o .indexOf(). En el caso de que coincidan los valores comparados, tan solo tendrías que asignar el valor booleano true a la propiedad selected de la opción en cuestión y cortar la secuencia del bucle. Para evitar problemas con la diferencia entre mayúsculas y minúsculas, opto por dejar en minúsculas a los valores comparados usando el método .toLowerCase().

Código Javascript:
Ver original
  1. var seleccion = function(input, select){
  2.     $(input).on("input", function(){
  3.         var palabra = $(this).val().toLowerCase();
  4.        
  5.         $(select).children().each(function(){  
  6.             var opcion = $(this).val().toLowerCase();          
  7.            
  8.             if (opcion.indexOf(palabra) === 0){
  9.                 $(this).prop("selected", true);
  10.                 return false;
  11.             }
  12.         });
  13.     });
  14. };
  15.  
  16. seleccion("#id_del_input", "#id_del_select");

DEMO

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 10/02/2018 a las 22:33 Razón: Artículo