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 .
0
merkur0
12 avril 2018 à 18:17
3 réponses
Meilleure réponse
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
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
Apportez le calcul var searchInput = $("#searchField").val()
dans l'événement onclick.
0
Sid_Heart
12 avril 2018 à 15:20
Questions connexes
De nouvelles questions
javascript
Pour des questions concernant la programmation dans ECMAScript (JavaScript / JS) et ses divers dialectes / implémentations (hors ActionScript). Veuillez inclure toutes les balises pertinentes dans votre question; par exemple, [node.js], [jquery], [json], etc.