Récupérer la valeur d'un INPUT text

**MI7QC** · 06/06/2020, 01h44

Bonjours a vous les amis, je tourne en rond depuis un bon moment c'est presque ridicule....

je n'arrive pas a récupérer la valeur saisie dans le input de ligne 6 de mon html.

l'utilisateur doit écrire un mot, il appuis sur la touche Enter et à se moment le mot entré par l'utilisateur doit être insérer dans un li.

présentement tout ce que je suis capable de faire c'est quand j'appuie sur la touche entrer du clavier le message que j'ai inséré a la ligne 19 est affiché. (étant donné que je n'est pas la valeur récupéré mes test ne peut pas aller plus loin)

j'essais de faire ceci : https://infoo.herokuapp.com/course/j..._liste_courses

Code javaScript

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
"use strict"
 
console.log(jQuery.fn.jquery);
 
// input bouton
let input = $("input");
console.log(input);
 
// recuperation du Ul via sont id liste
let liste = $("#liste");
console.log(liste);
 
let zone_saisie = $("input[type='text']");
 
 
input.on("keydown", function (evt) {
    if (evt.which == 13) { // Code ASCII de la touche Entrée
 
        liste.append('<li><a> les saisie du input doit etre ici. </a></li>').last()
    }
});

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<!DOCTYPE html>
<html>
 
<body>
    <h2>jquery Liste des courses</h2>
    <input type="text" id="zone_saisie" name="zone_saisie" value=""><br>
    <ul id="liste"></ul>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="script/main.js"></script>
</body>
</html>

**ma5t3r** · 06/06/2020, 13h16

Salut,
pour récupérer la valeur saisie dans un input, il faut utiliser la fonction val()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
let input = $("#zone_saisie");
let liste = $("#liste");
 
input.on("keydown", function (evt) {
    if (evt.which == 13) {
        liste.append('<li><a href="">'+ input.val() +'</a></li>').last();
    }
}

**MI7QC** · 08/06/2020, 02h48

Merci beaucoup j'ai réussi a tous finir le travail

Récupérer la valeur d'un INPUT text

jQuery

Vue hybride

Discussions similaires

Partager

Partager