Comment passer du texte dans une zone de texte à la fonction JavaScript?

Supposons que j'ai le code HTML suivant, comment puis-je passer l'entrée de l'utilisateur à exécuter(str) fonction JavaScript comme argument?

<body>

<input name="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(//send the user's input in textbox1 to this function//)" type="button" value="Execute" />

</body>
  • Merci pour toutes les réponses. 🙂
InformationsquelleAutor natch3z | 2009-04-19
  1. 31

    Vous pouvez soit accéder à la valeur de l'élément par son nom:

    document.getElementsByName("textbox1"); //returns a list of elements with name="textbox1"
document.getElementsByName("textbox1")[0] //returns the first element in DOM with name="textbox1"

    Donc:

    <input name="buttonExecute" onclick="execute(document.getElementsByName('textbox1')[0].value)" type="button" value="Execute" />

    Ou de vous attribuer un ID à l'élément qui identifie et vous pouvez y accéder avec getElementById:

    <input name="textbox1" id="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(document.getElementById('textbox1').value)" type="button" value="Execute" />
    InformationsquelleAutor Gumbo
  2. 15

    Par opposition à passer le texte comme une variable, vous pouvez utiliser le DOM pour récupérer les données de votre fonction:

    var text = document.getElementsByName("textbox1").value;
    • Il est getElementsByName (au pluriel).
    • Oups - il fixe.
    • Pourquoi ce post a été downvoted????
    InformationsquelleAutor David Robbins
  3. 2

    Vous pourriez juste obtenir la valeur d'entrée dans l'événement onclick de la sorte:

    onclick="execute(document.getElementById('textbox1').value);"

    Bien entendu, vous devez ajouter un id à votre zone de texte

    InformationsquelleAutor peirix
  4. 1

    document.getElementById ("textbox1').valeur

    • La zone de texte n'a pas un id.
    • Bien sûr, vous aurez besoin de faire textbox1 l'identification de l'élément.
    InformationsquelleAutor erikkallen
  5. 1

    C'est ce que j'ai fait. (Adaptation de l'ensemble de vos réponses)

    <input name="textbox1" type="text" id="txt1"/>
<input name="buttonExecute" onclick="execute(document.getElementById('txt1').value)" type="button" value="Execute" />

    Il fonctionne. Merci à vous tous. 🙂

    InformationsquelleAutor natch3z
  6. 1

    si j'ai bien compris correcte à la question :

    HTML:

    <!DOCTYPE HTML>
<HEAD>
<TITLE>Passing values</TITLE>
<style>
</style>
</HEAD>
Give a number :<input type="number" id="num"><br>
<button onclick="MyFunction(num.value)">Press button...</button>
<script>
function MyFunction(num) {
   document.write("<h1>You gave "+num+"</h1>");
}
</script>
</BODY>
</HTML>

    InformationsquelleAutor Nik
  7. 0

    Vous pouvez obtenir la zone de texte valeur de l'Id par l'exemple simple suivant dotNet programmation

    <html>
        <head>
         <script type="text/javascript">
             function GetTextboxId_Value(textBox) 
                 {
                 alert(textBox.value);    //To get Text Box Value(Text)
                 alert(textBox.id);      //To get Text Box Id like txtSearch
             }
         </script>     
        </head>
 <body>
 <input id="txtSearch" type="text" onkeyup="GetTextboxId_Value(this)" />  </body>
 </html>
    InformationsquelleAutor Ayaat Shifa