как автоматически выбрать поле ввода и текст в нем при загрузке страницы

Question

После загрузки страницы я хочу переместить курсор в определенное поле. Нет проблем. Но мне также нужно выбрать и выделить значение по умолчанию, которое помещается в это текстовое поле.

Answer 1

С http://www.codeave.com/javascript/code.asp?u_log=7004:

var input = document.getElementById('myTextInput');
input.focus();
input.select();

<input id="myTextInput" value="Hello world!" />

Answer 2

В поле ввода введите следующее:

onFocus="this.select()"

Answer 3

попробуйте это. это будет работать как на Firefox, так и на chrome.

<input type="text" value="test" autofocus="autofocus" onfocus="this.select()">

Answer 4

Чтобы сделать это при загрузке страницы:

window.onload = function () {
  var input = document.getElementById('myTextInput');
  input.focus();
  input.select();
}

<input id="myTextInput" value="Hello world!" />

Answer 5

Я нашел очень простой метод, который хорошо работает:

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

Answer 6

при использовании jquery ...

HTML:

<input type='text' value='hello world' id='hello-world-input'>

JQuery:

$(function() {
  $('#hello-world-input').focus().select();
});

пример: https://jsfiddle.net/seanmcmills/xmh4e0d4/

Answer 7

    var input = document.getElementById('myTextInput');
    input.focus();
    input.setSelectionRange( 6,  19 );

    <input id="myTextInput" value="Hello default value world!" />

выделить определенный текст в текстовом поле

Также вы можете использовать как

input.selectionStart = 6;
input.selectionEnd = 19;

Answer 8

<input type="text" value="test" onclick="this.select()"> 

тест здесь

http://www.n -alforat.com / VB / внутр / тест / code.htm