Bonjour à tous,
J'aimerai créer une liste déroulante qui s'incrémente de 1 à chaque clique sur un bouton.
exemple :
Avec une infintée d'incrémentation possible, et en gardant à chaque clique les anciennes valeurs dans la liste.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <select><option>1 <option>2 <option selected>3</select><!-- avant le clique --> <select><option>1 <option>2 <option>3 <option selected>4</select><!-- après le clique -->
Voilà mon code au stade actuel :
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
18
19
20
21
22
23
24 jQuery('img#bt_ajout').click(function() { /*Function Clique sur bouton ajout dont l'ID(#) est bt_ajout*/ var currentNumberQuest = jQuery('input#currentNumberQuest').val(); /*déclaration d'une variable currentNumberQuest à laquelle on attribue la valeure de l'ID #currentNumberQuest*/ currentNumberQuest++; var cpt = jQuery('input#cpt').val(); cpt++; /*incrémentation de la var*/ $('#cpt').val(cpt); $('#currentNumberQuest').val(currentNumberQuest); /*On donne à l'ID currentNumberQuest la valeure de la variable*/ alert(cpt); /*en dessous on déclare une variable nveau bloc*/ var newLine = "<div id='qst_"+currentNumberQuest+"'><table width=\"100%\"><input type='hidden' id=''> <tr id=\"ligne_separe"+currentNumberQuest+"\" style=\"background-color:#cccccc;\"\"><td></td><td></td><td></td><td></td></tr><tr id=\"blocQuestion"+currentNumberQuest+"\"><td style=\"width:20%;\">Qestion n°"+currentNumberQuest+" : </td><td colspan=\"2\" style=\"width:35%;\" ><input size=\"65\" type=\"text\" name=\"question"+currentNumberQuest+"\" id=\"\" value=\"\" ></td><td style=\"width:45%;\">"; newLine += "<img style=\"cursor:pointer;\" src=\"<?php echo $sf_request->getRelativeUrlRoot() ?>/images/suppr.jpg\" onclick=\"deleteRow("+currentNumberQuest+")\" /></td></tr>"; newLine += "<tr id=\"blocIndice"+currentNumberQuest+"\"><td >Indice : </td><td colspan=\"2\"><input class=\"inputTextIndice\" name=\"indice"+currentNumberQuest+"\" size=\"65\" type=\"text\" value=\"http://\"></td><td></td></tr>"; newLine += "<tr id=\"blocRang"+currentNumberQuest+"\"><td>type : </td><td><SELECT style=\"width:220px;\" class=\"selectType\" onChange=\"blocreponse("+currentNumberQuest+")\" id=\"ldselect"+currentNumberQuest+"\" NAME=\"ListeType"+currentNumberQuest+"\" SIZE=1 \"><OPTION select=\"selected\" value=\"0\">Sélectionnez un type<OPTION value=\"1\">Choix unique <OPTION value=\"2\">Choix multiple <OPTION value=\"3\">Texte libre</SELECT>"; newLine += "</FORM></td><td align=\"right\"> Rang :<SELECT style=\"width:120px;\" id='ldrang' name=\"rang"+currentNumberQuest+"\" size=\"1\"><OPTION>1<OPTION selected>"+cpt+"</SELECT></td><td></td></tr></div>"; jQuery('div#bloc_qr').append(newLine); /*Que lon affiche apres l'élément ki a pr iD #bloc_qr*/ // ajout d'évènement sur les éléments générés
Partager