Jquery se concentre sur le premier champ de texte et place le curseur à la fin de la valeur pour la saisie instantanée des données

Je suis le chargement d'un formulaire et défaillant focus sur le premier champ de texte. Le champ de texte est rempli avec une valeur par défaut "PW-". (Les premiers caractères de la clientèle numéro de pièce comme PW-446, PW-9887)

Ils veulent juste de commencer à taper les numéros en fonction de la forme de la charge au lieu de cliquer à la fin du champ, etc pour saisir les chiffres. Le curseur doit clignoter à la fin de l'PW - et prêt à aller pour l'entrée de données.

J'ai essayé beaucoup de différentes méthodes trouvées sur StackOverflow avec pas de chance 🙁
Des idées? Merci à l'avance!

JQUERY

$(document).ready(function(){

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

});

HTML

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

source d'informationauteur Michael

  1. 37

    Voici un EXEMPLE:

    $(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

    Pour les anciennes versions d'internet explorer, vous pouvez avoir besoin d'utiliser: http://msdn.microsoft.com/en-us/library/ie/ms536401(v=vs. 85).aspx

  2. 0

    Quelque chose d'un peu différent: peut-être essayez de définir votre "PW" dans le texte à gauche du champ de saisie de texte. Valider à l'égard des non-chiffres dans le champ, puis en soumettant le formulaire, ajouter le "PW-" pour que la valeur du champ, de sorte que vous avez un numéro de pièce.