Discussion :

[Invité(e)]

Bonjour à tous,

j'ai un formulaire que je souhaiterai rendre extensible via jquery.

J'ai 2 parties dans mon formulaire :

• Une balise <select>, me permet de définir le nombre de champs (type <input text>)
• Des champs <input type="text">

Lorsque je modifie le champ <select>, je souhaite que mes champs <input type="text"> soit mis à jour :

• select = 1 --> 1 input text
• select = 2 --> 2 input text

Et le tout, sans recharger la page (d'ou l'utilisation de JQuery).

Savez-vous comment faire cela ?

Si besoin de plus d'infos, n'hésitez pas, j'ai pu mal m'exprimer vu que je suis plutot débutant en la matiere.

Merci

[Invité]

salut,

grossièrement, après tu pourras chercher à faire mieux :
tu prends une fonction genereInput(nbInput), qui va ecrire autant d'input que désiré.
Tu prends un conteneur ou tu vas placer tous les inputs.

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
 
//lorsqu'on a choisi le nombre dinput
$('select').change(function(){
 var nbInput = $(this).val();//recupere la selection du nombre d'input désiré
 var htmlInput = genereInput(nbInput);
 $('#conteneurInput').html(htmlInput); //remplace le contenu courant de p par celui qui contient
 //le nombres d'input désiré.
});
function genereInput(nbInput){
 var str = "";
 for(var i = 0;i<nbInput;i++){
  str += '<input type="text" value=""/>';
 }
 return str;
}

qqch dans le genre.
Après, ya des soucis, style, si l'utilisateur a saisi du texte dans l'un des input et qu'il décide soudainement de rajouter un champs...Alors il change le nombre d'input et tout ce qu'il a fait est effacé. D'où des modifications possibles a faire.

Sinon, je comprends pas a quoi ca sert de pouvoir choisir son nombre d'input mais bon, pourquoi pas

[Bovino]

Et le tout, sans recharger la page (d'ou l'utilisation de JQuery).

Attention à bien comprendre les choses. jQuery n'a rien à voir avec le rechargement ou non de la page.
jQuery est une bibliothèque JavaScript visant :

• A faciliter la sélection d'éléments HTML de la page (d'où son nom : JavaScript Query)
• De simplifier la syntaxe JavaScript, notament pour avoir une syntaxe unique pour tous les navigateurs et chainable

Donc jQuery est uniquement du JavaScript et tout ce que tu fais avec jQuery peut être fait sans.
Ne pas recharger la page peut s'envisager sous deux angles :

• Modifier la structure de la page pour améliorer l'ergonomie : JavaScript
• Récupérer des informations complémentaires sur le serveur : Ajax

[Invité(e)]

Bonsoir,

la méthode de galerien69 fonctionne bien, merci