Dynamic table creation - table row index

[christy2007]

Hi,

I am creating table rows dynamically using javascript.I have dropdowns in the dynamically created row and onchange of the row i am using ajax call to populate the values to another dropdown wchih is also dynamicaaly created.
Please find the code below

function createRow()
{
var tbody = document.getEle mentById("t1");
var newTr = document.create Element("TR");
var newTd1 = document.create Element("TD");
var ss=document.get ElementById("ta sk1").innerHTML ;
newTd1.innerHTM L = document.getEle mentById("task1 ").innerHTM L;
newTd1.setAttri bute("align","c enter");
var newTd2 = document.create Element("TD");
newTd2.innerHTM L = document.getEle mentById("activ ity1").innerHTM L;
newTd2.setAttri bute("align","c enter");
newTr.appendChi ld(newTd1);
newTr.appendChi ld(newTd2);
tbody.appendChi ld(newTr); }


span id="task1" style="visibili ty:hidden" property="task1 ">

<html:select styleId="tasks" property="tasks " onchange="hi('l oadactivities.d o?taks=' + this.value);cre ateRow();">

<option value="All">----</option>
<bean:define id="hoursCollec tion" name="loginForm " property="task" />
<logic:presen t name="hoursColl ection">
<logic:iterat e id="hour" name="hoursColl ection">
<html:option value="<%=(Stri ng)hour%>"><%=( String)hour%></html:option>
</logic:iterate>
</logic:present>
</html:select>
</span>
<span id="activity1" style="visibili ty:hidden">
<html:select styleId="activi tys" property="activ itys" >
<option value="All">----</option>

<bean:define id="activityCol lection" name="loginForm " property="subta sks" />
<logic:presen t name="activityC ollection">
<logic:iterat e id="hour" name="activityC ollection">
<html:option value="<%=(Stri ng)hour%>"><%=( String)hour%></html:option>
</logic:iterate>
</logic:present>
</html:select>
</span>



i have a ajax call in the "task" which whill return the activities to the "activities " dropdown.But since i dont have the ids of the activity..where ever i change the task the result is coming int he first row...can anyone please help me...

If what i am doing is not a good way please give me another solution....
thanks in advance....

[christy2007]

Hi,

i have a dynamicalay created table whcih have a select box.How can i know inisde a script whcih table row i have selected(index of the row) if i select a particaular select box say the the select box in the fifth row?

Thanks in advance

[moho]

Hi,

i have a dynamicalay created table whcih have a select box.How can i know inisde a script whcih table row i have selected(index of the row) if i select a particaular select box say the the select box in the fifth row?

Thanks in advance

1 check the parentNode of the selectbox, probably a td
2 check it's parent,
3 get the row then use the rowIndex.

[christy2007]

1 check the parentNode of the selectbox, probably a td
2 check it's parent,
3 get the row then use the rowIndex.

Hi thankyou for your reply

i did like this
i called a function in the onchange of the selectbox say onchange="getin dex(this)";

function getindex(tbody) {
alert(tbody.par entNode.rowInde x);
}

Its coming as undefined..Can u please help

[mrhoo]

function rowNumber(who){
    while(who.nodeName!='TR')who=who.parentNode;
    if(!who)return false; // not in a row
    var pa=who.parentNode;
    while(pa.nodeName!='TABLE')pa=pa.parentNode;
    var A=pa.getElementsByTagName('TR');
    var i=0;
    while(A[i]){
        if(A[i]==who)return i;
        ++i;
    }
    return false;
}

[maxing80]

[HTML]<tr><td>11 row<input type="button" value="detecta index" onclick="alert( this.parentNode .parentNode.row Index)"></td></tr>[/HTML]