"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 11 · Answer 1 · edited May 23 '17 at 12:09

11

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 8 · Accepted Answer · answered Feb 23 '14 at 11:35

8

$('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. – secondman 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

M Reza Saberi

score 0 · Answer 4 · answered Jan 20 '23 at 00:38

0

As of Bootstrap 5, there's user-select-all, but it wasn't working for inputs so I added this to my script and it works like a charm:

$(".user-select-all").focus(function () {
   $(this).select();
});

answered Jan 20 '23 at 00:38

Justin

4 Answers4