Obtenir la valeur du champ de saisie dans jquery

Question

Mon HTML:

var searchInput = $("#searchField").val()
$("#searchButton").on("click", function() {
  alert(searchInput)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" placeholder="Search.." id="searchField">
<button type="submit" id="searchButton">Submit</button>

Avec ce code, après avoir cliqué sur le bouton "Envoyer", je ne reçois qu'une alerte vide .

javascript jquery input alert

0

merkur0 12 avril 2018 à 18:17

Answer 1

Vous définissez searchInput avant de définir une valeur.

Essaye ça:

$("#searchButton").on("click", function() {
    var searchInput = $("#searchField").val()
    alert(searchInput)               
})

https://jsfiddle.net/xpvt214o/110276/

3

Pogrindis 12 avril 2018 à 15:19

Answer 2

Vous devez récupérer la valeur dans le gestionnaire de clics:

$("#searchButton").on("click", function() {
       alert($("#searchField").val())               
})

0

Marinos An 12 avril 2018 à 15:19

Answer 3

Apportez le calcul var searchInput = $("#searchField").val() dans l'événement onclick.

0

Sid_Heart 12 avril 2018 à 15:20

Obtenir la valeur du champ de saisie dans jquery

3 réponses

Questions connexes

De nouvelles questions

javascript