select all input value in input type number

Question

i have this on a webpage. When a user click in the input element, i want the input elements value to be auto selected.

I can do this by making onclick event to this.select() like shown below

<input type="number" onclick="this.select();" >

This will selected the value in firefox, chrome and IE. but it won't in safari. an i wanna make this usable for Iphones too. tough google search i found a javascript method that safari support thats look something like this

document.getElementById(inputElementsId).setSelectionRange(0, 9999);

But it's not support for input type "number". So is there a other way to get this running?

As always, thanks for your time.

score -2 · Answer 1 · answered Jul 03 '15 at 08:02

-2

when you say safari, i suppose you mean the iOS safari ? Anyway, on touch device, the click event might not be fired but the touch event instead. You can use these :

$("input[type='number']").on('click touchstart', function () {
    $(this).select();
});

answered Jul 03 '15 at 08:02

Remy Grandin

1,638
1
14
34

1

This would throw an error... something like: The input element's type ('number') does not support selection – Tiago Reis May 11 '16 at 10:47

score -3 · Answer 2 · answered Jul 03 '15 at 08:02

-3

If you have to use document.getElementById() then just give your input an ID!

<input id=num_input type="number" onclick="this.select();" >

Then you can select it with document.getElementById('num_input');

answered Jul 03 '15 at 08:02

MikeTGW

395
2
10

1

OP is trying to select the value in the input, not javascript select element by id – EdmundYeung99 Dec 02 '15 at 20:02

select all input value in input type number

2 Answers2