"Select All" on clicking Bootstrap input

Question

Let's say i have this input:

  <li><input type="text" id="elementHeight" class="form-control" placeholder="Height"> </li>

and i want to ''Select All'' in the input field when the user clicks on it.

What do you mean by `Select All` – Tushar Gupta - curioustushar Feb 23 '14 at 11:34 — Tushar Gupta - curioustushar, Feb 23 '14 at 11:34

score 10 · Answer 1 · edited May 23 '17 at 12:09

10

From a similar question, I got an answer I prefer.

<input type="text" onfocus="this.select();" onmouseup="return false;" />

edited May 23 '17 at 12:09

Community

answered Apr 12 '15 at 10:29

santiaago

score 7 · Accepted Answer · answered Feb 23 '14 at 11:35

7

$('input').click(function () {
    this.select();
});

answered Feb 23 '14 at 11:35

Dawid Rusnak

This doesn't work for me. It does select it but then unselects it. – Vince Kronlein Sep 05 '15 at 09:59

score 2 · Answer 3 · answered Feb 23 '14 at 11:38

2

when the field is focused ,clicked

$("#elementHeight").focus(function(){
    this.select();
});

answered Feb 23 '14 at 11:38

Reza Saberi

3 Answers3