définir la valeur de la balise d'entrée à une autre valeur à l'aide de javascript

J'ai un HTML des balises d'entrée et je veux changer la valeur de celui-ci lors d'un clic sur un bouton, le tout avant de soumettre le formulaire.

Je suis en train d'utiliser getElementById(idOfInput).value = "valeur je veux le mettre à", mais cela ne semble pas fonctionner.

Découvrez le jsfiddle ici: http://jsfiddle.net/dchaddock/83NZu/1/

<input id="resetTesting" value="Testing" />
<button type="button" onclck="resetInput();">Testing</button>

function resetInput() {
    document.getElementById("resetTesting").value = "I'm reset!";
}

Merci!

  • Est le onclck attribut de votre bouton une faute de frappe sur cet article, ou existe-t-elle dans votre page? Si ce dernier, c'est au moins une partie de votre problème.
InformationsquelleAutor darrenc | 2013-02-21
  1. 6

    Que vous avez mal orthographié onclick:

    <button type="button" onclck="resetInput();">Testing</button>
                         ^

    Démo: http://jsfiddle.net/83NZu/2/

    InformationsquelleAutor Blender
  2. 0

    Ici est jsFiddle Lien

    http://jsfiddle.net/83NZu/3/

    <input id="resetTesting" value="Testing" />
<button type="button" id="btnSubmit" >Testing</button>

    $(function(){
        $("#btnSubmit").click(function(){
            $("#resetTesting").val('test'); //Set the Value
            alert($("#resetTesting").val()); //Get the Value
        })
    })
    • L'OP ne dit jamais rien sur l'utilisation de jQuery.
    • où avez-vous jamais voir l'OP mention jQuery être disponibles ou en cours d'utilisation (ou de quelque chose, il serait même reconnaître)?
    • Enfait il n'est même pas un jQuery tag assignés à la question
    InformationsquelleAutor
  3. 0

    Votre fonction n'est pas définie lors de votre compilateur javascript frappe votre onclick="resetInput();".
    Placez le script avant de le html et vous devriez être bon d'aller.

    <script type="text/javascript">
    function resetInput() {

    document.getElementById("resetTesting").value = "I'm reset!";
}
</script>
<input id="resetTesting" value="Testing" />
<button type="button" onClick="resetInput();">Testing</button>

    http://jsfiddle.net/83NZu/6/

    aussi... comme tout le monde, mentionné... son onclick 😉

    edit

    C'est incorrect. Le problème avec l'original jsfiddle était à la fois la typo et le cadre de onLoad vs no-wrap (tête) fwiw

    • Ce n'est pas le problème. Une ligne de gestionnaire d'événements est le même que le corps d'une fonction. La valeur de onclick n'est pas exécuté jusqu'au clic, à quel point resetInput a été définie (même si vous avez cliqué pendant la fraction de seconde qu'il n'était pas définie, à la suite de clics serait bien). Ton exemple fonctionne parce que vous avez corrigé le problème réel de la typo avais attribut.
    • Vous avez tout à fait raison. Merci pour la leçon. Le problème avec le post original jsfiddle était qu'ils avaient cadre que onLoad... ne sais pas pourquoi, qui a battu le jsfiddle, fwiw
    InformationsquelleAutor bluetoft
  4. 0

    Le problème, c'est l'option par défaut "onload" et l'erreur sort onclck:

    Le "onLoad" option:enroulez le code de sorte qu'il sera exécuté dans le onLoad de la fenêtre de l'événement

    Code HTML:

    <input id="resetTesting" value="Testing" />
<button id="btn" type="button">Testing</button>

    Code JavaScript:

    document.getElementById("btn").onclick = function(){
  document.getElementById("resetTesting").value="I'm reset";
}

    http://jsfiddle.net/83NZu/8/

    ou choisir l'option"pas de retour à la ligne(de la tête)",cela signifie:ne pas envelopper le code JavaScript, le placer dans <head> section

    http://jsfiddle.net/83NZu/7/

    InformationsquelleAutor user1573365