Modifier le contenu d'une cellule d'un tableau dynamiquement
Bonjour,
Je cherche (depuis un moment...) à modifier le contenue d'une cellule via une fonction javascript déclenchée sur un événement "onchange".
ex:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
var Objtable ='<table id="tab1">'
+ '<tr>'
+ '<td>Select value</td>'
+'</tr><tr>'
+ '<td><select id="sel1" onchange="MdyLabel(this.options[this.selectedIndex].value);">'
+ ' <option value="1">1</option>'
+ ' <option value="2">2</option>'
+ '</td><td>Mon Label</td>'
+ '<td><input type="text" value="AA"></td>'
+'<tr></table>';
function MdyLabel(SelectValue) {
var eTab = document.getElementById("tab1");
eTab.rows[2].style.visibility="hidden";
} |
Ce petit code permet de cacher la ligne, mais pas d'accéder à une cellule.
J'ai essayé un code de type:
Code:
1
2
|
eTab.rows[2][1].style.visibility="hidden"; |
mais ça ne fonctionne pas.
Pourriez vous m'aider ?
Merci
