Form auto select when input is disabled

Question

I am trying to auto select text in an input field when it is clicked, but when the field is disabled the auto select doesn't work.

Here is my Html:

<input type="text" class="form-control" ng-model="gameId" select-on-click disabled="true">

And here is my JavaScript:

angular.module('Admin').directive('selectOnClick', function(){
    return {
        restrict: 'A',
        link: function(scope, element, attrs){
            element.on('click', function(){
                this.select();
            });
        }
    };
});

I would like the text to be selectable when the form is disabled, how can I do that?

Text can't be selected when the input is disabled, it just doesn't work that way — adeneo, May 24 '15 at 16:33

score 1 · Accepted Answer · edited May 23 '17 at 12:14

1

The disabled attribute doesn't allow text to be selected. A solution is to use the readonly attribute.

However it should be noted that they don't provide exactly the same behaviour, this is expanded upon in more detail in this post

edited May 23 '17 at 12:14

Community

1
1

answered May 24 '15 at 16:45

Oliver Barnwell

491
4
18

Form auto select when input is disabled

1 Answers1