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.getElementById("t1");
var newTr = document.createElement("TR");
var newTd1 = document.createElement("TD");
var ss=document.getElementById("task1").innerHTML;
newTd1.innerHTML = document.getElementById("task1").innerHTML;
newTd1.setAttribute("align","center");
var newTd2 = document.createElement("TD");
newTd2.innerHTML = document.getElementById("activity1").innerHTML;
newTd2.setAttribute("align","center");
newTr.appendChild(newTd1);
newTr.appendChild(newTd2);
tbody.appendChild(newTr); }


span id="task1" style="visibility:hidden" property="task1">

<html:select styleId="tasks" property="tasks" onchange="hi('loadactivities.do?taks=' + this.value);createRow();">

<option value="All">----</option>
<bean:define id="hoursCollection" name="loginForm" property="task" />
<logic:present name="hoursCollection">
<logic:iterate id="hour" name="hoursCollection">
<html:option value="<%=(String)hour%>"><%=(String)hour%></html:option>
</logic:iterate>
</logic:present>
</html:select>
</span>
<span id="activity1" style="visibility:hidden">
<html:select styleId="activitys" property="activitys" >
<option value="All">----</option>

<bean:define id="activityCollection" name="loginForm" property="subtasks" />
<logic:present name="activityCollection">
<logic:iterate id="hour" name="activityCollection">
<html:option value="<%=(String)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..whereever 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="getindex(this)";

function getindex(tbody){
alert(tbody.parentNode.rowIndex);
}

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.rowIndex )"></td></tr>[/HTML]