Select all text in input field [duplicate]

Question

I have the following code for selecting all text inside input field:

<input id="userName" class="form-control" type="text" name="enteredUserName" data-ng-show="vm.userNameDisplayed()" data-ng-model="vm.enteredUserName">

and method to select all text:

vm.userNameDisplayed = function() { var textArea = angular.element('#userName'); textArea.setSelectionRange(0, vm.enteredUserName.length) }

but after calling this method nothing is selected.

1. I don't need to do it on onClick method 2. I have the same code as in provided example — Ted
– Ted, Commented Aug 1, 2017 at 8:51
When do you expect the text to be selected? As soon as user types? — Prerak Sola
– Prerak Sola, Commented Aug 1, 2017 at 8:54
Secondly, ng-show expects an expression that resolves to truthy/falsy. In your case, the function userNameDisplayed will be called when the page is rendered. If there is no data at that time, it will not select anything. — Prerak Sola
– Prerak Sola, Commented Aug 1, 2017 at 8:56

A Rogue Otaku · Accepted Answer · 2017-08-01 08:52:46Z

Try focusing the textArea first using textArea.focus();

vm.userNameDisplayed = function() { var textArea = angular.element('#userName'); textArea.focus(); textArea.setSelectionRange(0, vm.enteredUserName.length) }

Collectives™ on Stack Overflow

Select all text in input field [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related