Estoy desarrollando una aplicación usando Rails y jQuery. Me gustaría enviar un valor entero de identificación a través de un formulario de entrada, pero aún mostrar un valor de texto amigable para el usuario mientras está completando el formulario. El campo de entrada de texto está utilizando el autocompletado de jQuery, por lo tanto, una vez que el usuario elige una entrada, se ingresará un valor entero en el campo de entrada. ¿Hay alguna forma de mostrar un valor diferente de lo que realmente se envía?entrada [tipo = texto] enviar un valor diferente al mostrado
Respuesta
Trate de usar la funcionalidad de cuadro combinado para la interfaz de usuario jQuery Autocompletar:
http://jqueryui.com/demos/autocomplete/#combobox
El atributo de valor de las opciones son las que son enviadas junto con el formulario, no el texto de la pantalla.
¡Oh, pasé por alto el ejemplo del combobox! ¡Gracias! – Pogopuschel
¿Hay alguna forma de hacerlo sin agregar un cuadro desplegable y solo tener ese cuadro de texto? – lynnyi
@lynnyi y ¿dónde mostrarías las opciones de autocompletado? –
Puede utilizar
$('myform').submit(function() { /* your thing here */ });
Y lo suyo va a ejecutar cuando el usuario envía.
Gracias, lo entiendo. Pero eso significa que todavía necesito hacer un montón de trabajo manual haciendo un seguimiento y reemplazando todos los valores que deseo modificar. En ese caso, podría ponerlo en el controlador, que sería una solución mucho más limpia. ¿O estoy pasando por alto algo? – Pogopuschel
Entiendo lo que quiere hacer. He hecho lo mismo para un menú desplegable. ¡Nunca lo intenté para un cuadro de texto! :( Lo que hice fue que el nombre desplegable mostraba las entradas en la base de datos y cuando el usuario envía el formulario, se pasa el ID en la base de datos. Espero que eso sea exactamente lo que desea estoy poniendo el código de la misma a continuación sé que esto no es lo que busca pero puede dar una pista
En la vista:.!
<% = f.select: facilitator_group_id, FacilitatorGroup.all.map {| fg | [fg.name, fg.id]}%>
FacilitatotGroup es el nombre de mi modelo.
¡Salud!
Hola. También creo que el motivo por el que usamos el campo de texto es para que el usuario ingrese los datos que desea almacenar en la base de datos. Por su razón, ¿por qué no puede usar un menú desplegable?
Tu código solo funciona para un menú desplegable. Las etiquetas de opciones tienen una propiedad de texto y valor, y los cuadros de texto no. No puedo usar un menú desplegable porque estoy usando el autocompletado de jQuery. – Pogopuschel
Como alternativa, también puede mantener un campo de entrada oculto y usar un evento "cambiar" para mantener el campo de entrada oculto actualizado cada vez que el usuario cambie el campo original.
- 1. HTML Enviar-botón: ¿Diferente valor/botón-texto?
- 2. ancho del 100% en el tipo de entrada enviar frente al texto del tipo de entrada
- 3. Botones Enviar: botón de texto diferente del valor
- 4. Tipo de entrada imagen ¿enviar el valor del formulario?
- 5. Cómo deshabilitar un tipo de entrada = texto?
- 6. Al presionar 'enter' en un tipo de entrada = "texto", ¿cómo?
- 7. ¿Es posible mostrar caracteres Unicode en un tipo de entrada HTML = enviar valor?
- 8. valor Obtención de entrada de texto HTML
- 9. href alrededor del tipo de entrada enviar
- 10. Tipo de entrada HTML ¿enviar valor sin modificar el valor del mensaje?
- 11. Establecer texto de entrada dentro de iframe y enviar
- 12. Java ComboBox Valor diferente al nombre
- 13. jQuery valor de texto entrada de cambio
- 14. dibujar texto usando CGContextShowTextAtPoint pero el texto mostrado es invertida,
- 15. formulario con dos botón de enviar con diferente valor
- 16. ¿es posible diseñar el valor de un texto de entrada?
- 17. ¿Cómo alinear verticalmente texto en tipo de entrada = "texto"?
- 18. ¿Enviar llaves por programación al campo de entrada?
- 19. Obtener valor de texto de entrada desde FindControl
- 20. Configurando un valor "predeterminado" de un cuadro de entrada de texto HTML. Revertir el valor al hacer clic en ESC
- 21. para enviar un archivo de texto al servidor usando javascript
- 22. Fancybox tipo iframe valor devuelto al cerrar
- 23. Detectar si el texto en un elemento de entrada (tipo = texto) excede los límites en FireFox
- 24. ¿Puede un tipo ser un tipo de referencia y un tipo de valor al mismo tiempo?
- 25. CSS para ocultar el valor botón de entrada de texto
- 26. cambiar el valor del texto de entrada con js o jQuery antes de enviar si el valor es nulo
- 27. ¿Cómo cancelar/editar el valor de entrada en caché (de texto de tipo)?
- 28. ¿Cómo restauro un Fragmento mostrado anteriormente?
- 29. Cómo agregar un nuevo campo de entrada oculto al formulario al enviar
- 30. Ocultar el botón Examinar en un tipo de entrada = archivo
¿Qué hay de mover la parte que determina cuál es el número del texto a los rieles? – Dani
Podría hacerlo, pero realmente quiero mantener mi controlador lo más limpio posible. Además, tengo múltiples casos de esto (formulario grande), así que tendría que agregar un poco de código personalizado en el controlador. Me pregunto si hay algún complemento preinstalado o una forma de hacerlo. Si no, supongo que terminaré poniéndolo en el controlador. – Pogopuschel
solía ser capaz de hacer cosas como esta en acción actionscript en datagrids) – SuperUberDuper