26

He buscado por todo el Internet tratando de encontrar una respuesta a mi problema, y ​​lo más parecido que he encontrado a una respuesta es otra pregunta sobre el desbordamiento de pila. aquí: How do i change the default text in Google Maps API Places AutocompleteCambiar el texto predeterminado "Ingresar una ubicación" En Google Maps Places API

El problema es que o el OP no tenía los mismos requisitos que yo, o no dejaban claro si lo hacen.

Estoy buscando una manera de tomar el valor predeterminado "Ingresar una ubicación" en el campo de entrada de texto, y reemplazarlo por otra cosa manteniendo la misma funcionalidad. es decir, hacer que el texto desaparezca al enfocar, y reaparecer cuando pierda el foco si no se ingresó texto.

En mi intento actual, he intentado reemplazar el texto usando un plugin jQuery. Funciona visualmente en la carga de la página, pero cuando se hace clic, "Ingresar una ubicación" aparece de nuevo, y desaparece cuando se ingresa texto, o la entrada pierde el foco (a diferencia del campo de entrada de texto que queda en blanco como estaba previsto).

¿Alguien me puede dar un puntero aquí?

Gracias de antemano.

Respuesta

48

acaba de establecer el atributo placeholder del elemento input a la que va a conectar el autocompletar a lo que usted quiere:

<input type="text" placeholder="Some new text"> 

Esta cifra se desglosa en el documentation:

Por defecto, el texto campo creado por el servicio Autocompletar contiene texto de marcador de posición estándar. Para modificar el texto, establezca el atributo de marcador de posición en el elemento de entrada.

+0

Eso lo hizo. Gracias. No puedo creer que me perdí en la parte inferior de la página allí. Supongo que no estaba usando las palabras clave correctas para buscar. – Douglas

+0

No hay problema, me alegro de poder ayudar. Es posible que desee probarlo y ver qué sucede en los navegadores que no admiten el atributo 'placeholder' (IE8 y siguientes). No sé qué pasará allí. –

+0

Hay un problema menor, en el que si el usuario ingresa texto en el campo y luego lo elimina, permanece en blanco cuando pierde el foco (en lugar de volver al valor predeterminado establecido en JQuery). Esto no me molesta demasiado, pero no es la situación ideal. – Douglas

Cuestiones relacionadas