0

Me gustaría que un campo type="search" se seleccione su contenido cuando se le hace click. Actualmente para cambiar un valor en un campo search debes hacer doble click para que se seleccione el valor que contiene el campo. Lo que necesito es que haga lo mismo al tomar el foco o al hacer click.

<label  class="col-md-1  control-label "  >Inicio:</label>
 <input type="text" " type="text"   class="form-control datepicker input-sm "  >
		
  </div>
	
   

3 respuestas 3

3

Para seleccionar el contenido tenes que usar la funcion .select() que suele funcionar bien con javascript nativo.

ejemplo utilizando jQuery con el fragmento de codigo que pasaste :

$("input[type='text']").on("click", function () {
   $(this).select();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label  class="col-md-1  control-label "  >Inicio:</label>
 <input type="text" type="text" class="form-control datepicker input-sm "  >

espero que te sea de ayuda.

1
  • 1
    pero ahi no es JS nativo lo que usas, estas mezclandolo con JQuery conviene aclares eso
    – user75901
    Commented el 6 dic. 2018 a las 13:11
2

Podés hacerlo con jQuery, de la siguiente manera:

$('#datepicker').on('click', function() {
  $(this).select();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <label class="col-md-1 control-label">Inicio:</label>
  <input id="datepicker" type="text" class="form-control datepicker input-sm" value="Texto" />
</div>

0

**with onclick="this.select()" **

<label for="input"  class="col-md-1  control-label "  >Inicio:</label>
 <input id="input" type="text" " type="text"   class="form-control datepicker input-sm " value="Lorem ipsum dolor sit amet" onclick="this.select()" >

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.