Comment modifier la valeur d'une zone de texte en lecture seule à l'aide de jQuery?

Comment puis-je changer la valeur d'une zone de texte HTML qui a propriété en lecture seule à l'aide de jQuery?

  • Pourquoi le downvote? Semble raisonnable, si laconique, question.
  • Été demandé à plusieurs reprises avant (ce qui signifie qu'il n'a pas une recherche avant de poster) et j'aurais pu trouver la réponse en 10 secondes sur google il.
  • C'est drôle parce que quand j'ai cherché sur google, j'ai eu cette page.
InformationsquelleAutor user838697 | 2011-07-12
  1. 17

    Attendre, ne voulez-vous supprimer la lecture seule? Si oui: 

    $('textbox').removeAttr('readonly').val('Changed Value');

    si ce n':

    $('textbox').val('Changed Value');
    • Dans les versions actuelles de jQuery, il pourrait être préférable d'utiliser .prop('readonly',false) au lieu de .removeAttr('readonly')
    InformationsquelleAutor Phil
  2. 15
    $('my-textbox').val('new value')

    La propriété en lecture seule s'applique uniquement à l'utilisateur l'affichage de la page, pas le JavaScript qui accède. il

    InformationsquelleAutor Greg Guida
  3. 9

    vieux poste mais voici quelques infos.

    si u ont un readonly entrée (avec id test), il suffit de régler le val avec jquery 

    $('#test').val(100);

    mais si vous regardez dans le code source html dans votre navigateur et de la recherche dans votre récemment mise à jour de la valeur d'entrée, u verra valeur vide.

    <input type="text" id="test" value />

    donc, pour éviter cela, vous devez enlever la lecture seule attribut avant de définir la valeur à l'entrée et ensuite définir en lecture seule à encore vrai.

    $('#test').prop('readonly',false);
$('#test').val(100);
$('#test').prop('readonly',true);

    et le résultat en html 

    <input type="text" id="test" value="100" />

    ce éviter les erreurs lors de l'u besoin d'envoyer les valeurs d'un formulaire...

    • doit être la première réponse
    InformationsquelleAutor Claudio Oyarzùn
  4. 6
    $('input[readonly]').val('my new val');
    InformationsquelleAutor AlienWebguy
  5. 3

    N'oubliez pas d'écrire le #
    Par exemple

    $('#my-textbox').val('new value');

    Et peut-être vous pouvez aller à travers les
    Puis, après tout, n'oubliez pas d'essayer en utilisant "" au lieu de "

    • Ce que cela ajoute à l'3 déjà les réponses existantes?
    InformationsquelleAutor Feikn D'baffi