How to select an INPUT element with Javascript

Question

I don't know what its term, it's like when have a non empty HTML input text then while the focus is on before that input's tabindex, you hit the TAB key, then it has a blue selection around the text.

How do you do that with Javascript?

James McCormack · Accepted Answer · 2011-07-21 10:20:15Z

2

I think you mean "Selection". Look at the javascript DOM functions select() and focus(). e.g.

<input type="text" id="myTextBox" />

<script type="text/javascript">

    var myTextBox = document.getElementById('myTextBox');
    myTextBox.select();
    myTextBox.focus();

</script>

edited Jul 21, 2011 at 10:20

answered Jul 21, 2011 at 10:13

James McCormack

10.1k4 gold badges56 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gaurav Shah · Accepted Answer · 2011-07-21 11:07:19Z

0

I thick you would like to apply some css to the the text box. in onfocus say you have a class called as selected for which you give a certain order.

and on blur you remove the class attribute.

answered Jul 21, 2011 at 11:07

Gaurav Shah

5,2897 gold badges45 silver badges74 bronze badges

Collectives™ on Stack Overflow

How to select an INPUT element with Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related