Passer une variable vers une modale

**Zarkoffe** · 12/11/2018, 15h57

Bonjour!
Je transmet la variable d'un input vers un autre input par le biai du code ci-dessous.
Le soucis, c'est que lors que j'arrive sur ma page, j'utilise un système AJAX qui charge ensuite ces 2 champs.
Ce code fonctionne indépendamment, mais mêlée à mon système il ne se fait plus.
Et même lorsque je modifie la valeur de l'input "client_groupement", le js n'agit pas sur l'autre input.

Une idée? merci

Code HTML :

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
 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 
<input type="text"  id="copie"><br />
 
<input type="text" id="client_groupement"  value="<?php echo 'wow' ?>"><br />
 
 
<script>
function displayVals() {
  var groupement = $( "#client_groupement" ).val(); 
  $( "#copie" ).val(groupement);
}
   
 
displayVals();
</script>

**SpaceFrog** · 13/11/2018, 11h12

Si il y a changement de page je vois 3 solutions:
- passage en get
- cookies
- local storage

**Zarkoffe** · 13/11/2018, 11h20

Merci pour ta réponse:
- J'avais déjà essayé les cookies et cela réagit.. mais trop tard. C'est pour cela que je me tourne vers le js.

Je viens de tenter avec une Get, mais j'ai le même résultat : fonctionne seul, mais plus dans mon système:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <input type="text" id="copie">
  <input type="text" id="copie1" value="<?php echo $donnees['client_groupement'] ?>">
 
<script>
function displayVals() {
  var groupement = document.getElementById("copie1").value;
  $( "#copie" ).val(groupement);
}

Tu parlais peut-être d'un autre type de get plutôt ue getElementById? ou je le fais mal? Je débute en js. Merci d'avance.

**SpaceFrog** · 13/11/2018, 11h55

quand on parle de get en général c'est en référence au passage de paramètre dans l'url récupéré au chargement de la page

**Zarkoffe** · 13/11/2018, 14h11

d'accord merci. Et selon toi, dans mon cas, quelle est la meilleure solution ? (performance, etc..)

PS: local storage ne fonctionne pas non plus dans mon AJAX..
https://www.w3schools.com/html/tryit...bstorage_local ceci n'affiche pas Smith si je le place dans l'AJAX.

Je ne comprends pas non plus votre réponse "récupéré au chargement de la page" ben non je charge un formulaire en AJAX, donc ce n'est pas chargé au démarrage de la page. C'est une fois sur la page que je charge le formulaire via une liste déroulante.
et c'est dans ce formulaire que je veux prendre la valeur d'un input, afin de le transmettre dans une des modal de ma page.

**psychadelic** · 13/11/2018, 14h39

Envoyé par Zarkoffe

Bonjour!
Je transmet la variable d'un input vers un autre input par le biai du code ci-dessous.
Le soucis, c'est que lors que j'arrive sur ma page, j'utilise un système AJAX qui charge ensuite ces 2 champs.

Envoyé par Zarkoffe

Merci pour ta réponse:
- J'avais déjà essayé les cookies et cela réagit.. mais trop tard. C'est pour cela que je me tourne vers le js.

Je viens de tenter avec une Get, mais j'ai le même résultat : fonctionne seul, mais plus dans mon système:
Tu parlais peut-être d'un autre type de get plutôt ue getElementById? ou je le fais mal?

Envoyé par Zarkoffe

d'accord merci. Et selon toi, dans mon cas, quelle est la meilleure solution ? (performance, etc..)

C'est un peu le même problème que l'on retrouve dans tes autres post (auquel tu n'a pas encore répondu):

tu penses pouvoir tout résoudre par du JavaScript, mais tu a une mauvaise connaissance des mécanismes Client / serveurs, et des façons dont ils sont gérés dans les automatismes des navigateurs

Je débute en js. Merci d'avance.

tu débutes surtout sur les interactions Internet / navigateurs

sans ces bases, tu ne pourra pas maîtriser le langage JavaScript.

**shroomsconect** · 15/11/2018, 20h31

Bonjour,

je ne peu pas t'aider sans un contexte bien clair.

AJAX ? Je n'en vois pas.

Tu prend le value de input#client_groupement pour le mettre dans le input#copie ? Cela devrait fonctionné avec ton code, donc je ne comprend pas.

Sinon essaie avec javascript pur

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 lang="fr" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>test</title>
</head>
<body>
  <input type="text" id="copie">
  <input type="text" id="client_groupement" value="test">
</body>
</html>

Code js :

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

1
2
3
4
5
6
 
let elem=document.getElementById('client_groupement');
 
document.getElementById('copie').value=elem.value;
// OU
document.getElementById('copie').setAttribute('value',elem.value);

**Zarkoffe** · 15/11/2018, 21h11

Merci pour ta réponse.
J'ai trouvé la réponse à ma question, mais pas la solution.
En faite ça ne marche pas car l'appel ajax que je fais avant d'exécuter mon js bloque le js.
https://stackoverflow.com/questions/...fter-ajax-call
J'ai essayé ce genre de solution mais ça ne semble pas améliorer mon pb... je t'envois mon code demain, ce soir je ne l'ai pas sur moi

Passer une variable vers une modale

JavaScript

Discussions similaires

Partager

Partager