Formulaire et champ dynamique
Bonjour tout le monde,
Je fais face à une petite difficulté et j'aimerais avoir votre avis.
Sur une page Web, je propose un formulaire. Sur cette page, une combobox est proposée mais l'utilisateur a la possibilité de créer un autre item de cette combobox, lui permettant de choisir plusieurs valeurs.
Pour être plus clair, disons que on a:
- une combobox (avec par exemple une liste de couleurs)
- un bouton "Choisir une autre couleur" ; si on clique dessus, une autre combobox (identique à la première) apparaît
Code:
1
2
3
4
5
6
7
8
9
10
11
| <table id="table_selection_couleur" name="table_selection_couleur" border="0">
<tr>
<td><select name="list_couleurs[]">
<option value="" SELECTED>Please Select</option>
<option value="29">Bleu</option>
<option value="30">Rouge</option>
<option value="31">Vert</option>
</select>
</td>
</tr>
</table> |
La fonction javascript qui ajoute un item de la combobox
Code:
1
2
3
4
5
6
7
8
9
10
| function addColor() {
var tbodyElem = document.getElementById("table_selection_couleur");
var trElem, tdElem, txtNode;
trElem = tbodyElem.insertRow(tbodyElem.rows.length);
tdElem = trElem.insertCell(trElem.cells.length);
var text = '<select name="list_couleurs[]"><option value="" SELECTED>Please Select</option><option value="29">Bleu</option><option value="30">Rouge</option><option value="31">Vert</option></select>';
tdElem.innerHTML = text;
} |
Le problème est que quand je soumets le formulaire, je ne récupère la valeur que de l'item initialement présent sur la page et pas des items générés dynamiquement.
J'ai fait le test avec plusieurs combobox posées dès le départ et ça marche correctement c'est-à-dire que (je peux parcourir le tableau de valeurs via $HTTP_POST_VARS['list_couleurs'].
Quelqu'un aurait-il une idée ?
