Getting the TD value using JavaScript + TD does not contain any ID.

[Jigar Naik]

Hi,

I have below table

<table id="summaryTable" border="0"    >
			<thead><!--list header row-->
			<tr>

						<th  class="tableTitle" >COUNTRY</th>						
			
						<th  class="tableTitle" >LOCK/UNLOCK</th>						
			
			</tr>
			</thead>
			<tbody>  
			
<!--rows printed here-->
				<tr id="summ_row_0"> 
				 
							   <td   class="notOdd" >111</td>
						     
							   <td   class="notOdd" ><input type=checkbox checked name=checkbox onclick='checkboxClicked(0)' id=checkbox value='0' ></td>
						     </tr>
					
<!--rows printed here-->
				<tr id="summ_row_1"> 
				 
							   <td   class="odd" >222</td>
						     
							   <td   class="odd" ><input type=checkbox checked name=checkbox onclick='checkboxClicked(1)' id=checkbox value='1' ></td>
						     </tr>
					
<!--rows printed here-->
				<tr id="summ_row_2"> 
				 
							   <td   class="notOdd" >333</td>
						     
							   <td   class="notOdd" ><input type=checkbox checked name=checkbox onclick='checkboxClicked(2)' id=checkbox value='2' ></td>
						     </tr>
					
<!--rows printed here-->
				<tr id="summ_row_3"> 
				 
							   <td   class="odd" >444</td>
						     
							   <td   class="odd" ><input type=checkbox checked name=checkbox onclick='checkboxClicked(3)' id=checkbox value='3' ></td>
						     </tr>
					

In the table there are 2 TD tags. The first tag contains the some text value which is number(111,222,333 as displayed in the table), and the second TD contains the checkbox. Now when i click on the checkbox checkboxClicked() function of java script gets called. Now i want to retrieve the value of corresponding first TD's value in the checkboxClicked function. like, when the user click on last checkbox checkboxClicked(3) will be called passing 3 as an argument. and in the checkboxClicked function i want to get the value 444. How do i achieve this ?

Is is possible ? can anybody help me out.

Below is my checkboxClicked function

function checkboxClicked(id) {
		alert("checkbox value : " + document.forms[0].checkbox[2].checked); //true
		alert("country id : " + document.forms[0].checkbox[2]); 	//object
	}

This table is auto generated by some framework and i have only got the checkboxClicked function to get the data from table.

[vijin das]

TRY THIS

 <tr id="summ_row_0">
    
                    
                        <td   class="notOdd" >111 <INPUT TYPE='HIDDEN' VALUE='111' ID='SUM_COL_0' /></td>  
 
                                
                        <td   class="notOdd" ><input type=checkbox checked name=checkbox onclick='checkboxClicked(SUM_COL_0.VALUE)' id=checkbox value='0' ></td>   


</tr>     

Even if you are dynamically generating teh values 111 2222 etc write the same value as the value property of the Hidden element ..

just give a try and test it ....

[Jigar Naik]

No actually the whole table is getting generated dynamically. so i can not change anything in the table. As i don't have access to the code which generate the table dynamically, its a framework. If i change the framework for my requirement so many other forms will give errors.

[vijin das]

Jigar Naik wrote:No actually the whole table is getting generated dynamically. so i can not change anything in the table.

ok then whether the values 111 222 333 444 are only there ..or will it change on any circumstances ?..

[Jigar Naik]

ya they will change whenever the page is loaded, basically they are coming from the database.

[Eric Pascarello]

document.getElementById("foobar" + rowId).getElementsByTagName("td")[0].innerHTML

Eric

[Jigar Naik]

Thanks a lot Eric, it worked.

alert(document.getElementById('summ_row_' + id).getElementsByTagName("td")[0].innerHTML);

Thanks vijin