Google Chrome - Foro de ayuda

Select editable (ComboBox)

Jesus SD
1/08/15 2:33
Foto del perfil de Jesus SD

Editable Select as ComboBox.

por Jesus SD

9:56
Responder
Hola,

Soy el desarrollador de la pagina http://triancal.esy.es y uso mucho JavaScript para simular un ComboBox mediante el tag Input + datalist pero tiene muchas limitaciones.

Quisiera que añadieran nuevos parametros al tag select para convertirlo en editable "editable=true" para convertirlo en un ComboBox en el que se pudieran añadir valores que no estubieran en la lista desplegable "datalist" exact="false".

Además, de que para valores numéricos se pudieran establecer varios limites (mayor, mayor o igual, menor, menor o igual, distinto a) e iconos step (increase o decrease) dentro de un rango como como en nos tag number y espresiones regulares para los de tipo alfabético.

Tampoco estaria mal también que cambiara el color del borde cuando un valor estuviera dentro de los limites tuviera color verde y rojo cuando no, como metodo de validación visual (Si se pulsara la tecla "ESC" se volvería al valor inicial del select) y también añadir en parametro correct="true" que mostrara un mensaje de error cuando al salir del elemento el valor fuera incorrecto con las opciones de "Valor inicial" o "Corregir".

Saludos Jesús.

Respuestas (4)

avm99963
1/08/15 7:24
¡Hola JESUS!

Hola,

Soy el desarrollador de la pagina 
http://triancal.esy.es y uso mucho JavaScript para simular un ComboBox mediante el tag Input + datalist pero tiene muchas limitaciones.

Si no me equivoco, el ComboBox lo utilizas para mostrar varios resultados, en caso de que existan diferentes resoluciones del triángulo, ¿no? Perdone mi ignorancia si no es así, pero todavía estoy aprendiendo trigonometría. Sobre las limitaciones, ahora le comentaré más abajo.
 
Quisiera que añadieran nuevos parametros al tag select para convertirlo en editable "editable=true" para convertirlo en un ComboBox en el que se pudieran añadir valores que no estubieran en la lista desplegable "datalist" exact="false".
 
No entiendo lo de los atributos editable y exact. El tag select no hace falta ponerlo dentro del datalist, hay que poner los options directamente como hijos del tag datalist[1]. Para añadir valores dentro del dataset, se pueden añadir mediante Javascript, adjuntando una etiqueta option adyacente a las ya existentes.

Además, de que para valores numéricos se pudieran establecer varios limites (mayor, mayor o igual, menor, menor o igual, distinto a) e iconos step (increase o decrease) dentro de un rango como como en nos tag number y espresiones regulares para los de tipo alfabético.

Sobre lo de valores numéricos, en vez de poner una etiqueta input con el parámetro type="text", puedes aprovechar las novedades de HTML5 para poner el parámetro type="number", que también funciona con el tag datalist.

Tampoco estaria mal también que cambiara el color del borde cuando un valor estuviera dentro de los limites tuviera color verde y rojo cuando no, como metodo de validación visual

Sobre esto, CSS te ayudará con los selectores :valid e :invalid. Échale un vistazo al siguiente ejemplo que he hecho que muestra esto y lo que te he explicado antes:
(Si se pulsara la tecla "ESC" se volvería al valor inicial del select)

Esto también se podría hacer con Javascript :-P
 
y también añadir en parametro correct="true" que mostrara un mensaje de error cuando al salir del elemento el valor fuera incorrecto con las opciones de "Valor inicial" o "Corregir".
 
Sobre esto, creo que te será útil la siguiente guía:
Saludos Jesús.

Sobre las peticiones de agregar estas funciones, creo que al equipo de Chrome no es a quien le deberías sugerirlas, pues Chrome renderiza el HTML siguiendo las especificaciones de W3C[2]. Es importante que todos los navegadores interpreten el contenido de la misma manera, pues como sabes, si no estaríamos desarrollando la misma página para cada navegador que existiera, y no queremos que sea así jeje

Espero que te sea de ayuda lo que te dije, y cualquier duda, estaré encantado de responderla por aquí.

Saludos :-)

[2]: HTML5

Para continuar con la conversación, debes regresar al Foro.
Las respuestas por correo electrónico no llegan  Acceder al hilo
avm99963
7/08/15 4:04
Heey, ¿qué tal te fue mi respuesta Jesús?

Espero no haber escrito todo eso para nada 
Jesus SD
9/08/15 15:41
Muchiíimas gracias, he estado unos dias en la playa y no ne podido conectarme, voy a probar todos los consejos de tu respuesta a ver que tal, son muy buenos.
avm99963
11/08/15 8:39
Oh, perdón, a veces soy muy impaciente :-(

Perfecto, ¡gracias a tí por volver!