JQuery фокусируется на первом текстовом поле и устанавливает курсор в конце значения для мгновенного ввода данных

Я загружаю форму и игнорирую фокус на первое текстовое поле. Текстовое поле заполняется значением по умолчанию "PW-". (Первые символы номера детали клиентов, такие как PW-446, PW-9887)

Они хотят просто начать вводить числа при загрузке формы, а не нажимать до конца поля и т.д., чтобы ввести числа. Курсор должен мигать в конце PW- и готов к работе для ввода данных.

Я пробовал много разных методов, найденных на StackOverflow, не повезло:-(
Есть идеи? Спасибо заранее!

JQuery

$(document).ready(function(){

    $('input:text:first').focus();

});

HTML

< input type="text" name="part_id" size="20" value="PW-">

Ответ 1

Здесь ПРИМЕР:

$(document).ready(function(){
    var el = $("input:text").get(0);
    var elemLen = el.value.length;

    el.selectionStart = elemLen;
    el.selectionEnd = elemLen;
    el.focus();
});

https://developer.mozilla.org/en-US/docs/XUL/Property/selectionStart

https://developer.mozilla.org/en-US/docs/XUL/Property/selectionEnd

Для более старых версий IE вам может потребоваться использовать: http://msdn.microsoft.com/en-us/library/ie/ms536401(v=vs.85).aspx

Ответ 2

Что-то другое: попробуйте установить "PW-" только в тексте слева от поля ввода текста. Подтвердите флажок для не чисел в поле, а затем при отправке формы добавьте "PW-" к этому значению поля, чтобы у вас был полный номер детали.