Discussion :

[conrad2000]

Bonjour,

j'aimerais faire un formulaire avec un type radio et suivant l'option checké que ça affiche tel ou tel input.

J'ai donc réussi à faire ça mais du coup quand je clique sur submit dans l'url il n'y a pas la valeur de l'input ajouté (en javascript), comment faire pour qu'elle y soit ? pour la récupérer.

Merci d'avance, j'ai pas posté le code car c'est tellement crade le mien je pense.

[Invité]

Salut

Est-ce que les input que tu injectes ont bien un attribut "name" renseigné ?

[conrad2000]

oui,

voilà le code javascript (je pense c'est pas la meilelure façon de faire mais je m'y connais pas en javascript):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var row = document.getElementById("myid");
var data = document.createElement("td");
data.setAttribute("id", "0002");
 
var element = document.createElement("input");
element.setAttribute("class", "myclass");
element.setAttribute("type", "text");
element.setAttribute("name", "test");
element.setAttribute("value", "55");
 
data.appendChild(element);		
row.appendChild(data);

je précise que le submit est en html et que le code ci_dessus ajoute un input avant la ligne de mon submit.

[Invité]

Alors déjà je pense qu'il y a un soucis dans ton code

Code :

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

1
2
3
4
var data = document.createElement("td");
data.setAttribute("id", "0002");
var data = document.createElement("td");
data.setAttribute("id", "0003");

Là tu crée un élément td que tu stockes dans une variable data... et juste après tu écrases ta variable data avec un autre élément td => les deux premières lignes ne servent à rien.

tu peux par ailleurs nous donner le code HTML avec le <form> englobant le <tr> STP ?

[conrad2000]

Merci pour vos réponses j'avais fait la méthode avec le display avant mais le problème c'est que je voulais mettre une class à mon input pour afficher un calendrier et celui ci était décalé je epnse ça venait du display.

le code javascript:

Code :

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
if(document.getElementById('choice_1').checked){
var row = document.getElementById("myid");
var data = document.createElement("td");
data.setAttribute("id", "0002");
 
var element = document.createElement("input");
element.setAttribute("class", "myclass");
element.setAttribute("type", "text");
element.setAttribute("name", "test");
element.setAttribute("value", "55");
 
data.appendChild(element);		
row.appendChild(data);
}
else { 
// le même genre
}

le code html:

Code html :

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

[Mell]

Tu connais la différence entre la balise <td> et la balise <th> ? Et leur utilité ?
Car là tu les utilise un peu à l'arrache

[Mell]

Passe par de l'ajax si tu as du mal

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// tu récupères tes valeurs
var param = $("input").val();
 
// tu envoies à ton fichier PHP
jQuery.ajax({
	url : "lien/vers/ton/fichier/php"
	type: "POST"
	data: {parametre: param}
	success: function(data) {
		// ici tu reload la pages
		location.reload();
		// ou si tu veux te diriger vers une autre page
		location.href = "lien/vers/la/page"
	}
});

Edit : Et pour ton code javascript, le mieux c'est que tu crées tout tes input en HTML, et que tu les passes en display:none; et display:block; avec du javascript quand tu cliques sur un radio bouton

Admettons

Code :

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

1
2
3
4
5
6
7
8
9
$(document).ready(function() {
        // par défaut tu mets tes inputs en display:none; via le CSS
 
        // sur le click de ton radio bouton
        $("#radioBtn").click(function() {
                // tu affiches l'input que tu souhaites
                $("#input").css('display', 'block');
        });
});