How to select value of input onClick?

Question

I have a <input type="text"> and if user clicks inside it I want to make the content (value) of that box selected. How would I do that?

Answer 1

<input type="text" onclick="select()"/>

Answer 2

Try select method:

document.getElementById("myinput").onclick = function() {
    this.select();
};

Answer 3

You can try following code inside a javaScript method, and call the method onClick event of the textbox...

function calledOnClick(){

    document.getElementById('test').select();
}

Answer 4

You can try following jQuery code which automatically call on page load

<script>
$(document).ready(function(){
    $('input').each(function(){
        $(this).click(function() {
            this.select();
        });
    });
    $("#return_date").focus();
});
</script>