Tableau Forme select ; interaction JavaScript
Bonjour,
J'ai écrit plusieurs formulaires, en php, dont certains contiennent des tables auxquelles on peut ajouter des lignes (une à la fois), grâce à un bouton "+" et à un petit code JavaScript. Cela fonctionne bien.
Cette fois, j'ai une cellule de ma table qui est un menu déroulant (select et option) et là, je ne trouve pas de solution JavaScript. Comme le php est interprété d'un côté et le script de l'autre, je me doutais bien que ma solution ne fonctionnerait pas. Voici ce que j'ai fait :
côté php :
Code:
1
2
3
4
5
6
7
8
9
10
| <td><select name="select_1">
<?php
while( $var = $resultat->fetch() )
echo "<option value=\"" . $var->Nom . "\">" . $var->Nom . "</option>";
?>
</select></td>
<td><input etc ...></td>
etc...
<td><input type="button" value="+" onclick="location.href='javascript:monscript(2)'"></td> |
dans le javascript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| function monscript(i) {
var i2 = i + 1;
var i3 = i - 1;
var table = document.getElementById("matable");
var ligne = table.rows[i3];
ligne.deleteCell(5) /* le bouton + est la cellule 5 */
var row = table.insertRow(i);
var cell1 = row.insertCell(0);
etc.
var cell6 = row.insertCell(5);
cell1.innerHTML = '<input name="nom_'+i+'" ....>';
cell3.innerHTML = '<select name="select_'+i+'"><?php while( $var = $resultat->fetch() ){echo "<option value=\" . $var->Nom . \">" . $var->Nom . "</option>"; } ?> </select>';
...
cell6.innerHTML = '<input type="button" value="+" onclick="location.href=\'javascript:monscript('+i2+')\'">';
} |
J'avoue que je suis débutant (c'est peu dire) en JavaScript et je me demande s'il y a une solution à mon problème (et si la question est posée au bon endroit) . Quelqu'un aurait une solution dans ses tiroirs ? Merci d'avance
