i have bind this function to option tag under select tag now when i am table rows only first row gets changed plsss help me out with better solution :     <table id="t" border="1">
	<thead id="tb">
		<tr>
			<th class="id">Id</th>
			<th class="name">Name</th>
			<th class="address">Address</th>
			<th class="phone">Phone</th>
			<th class="email">Email</th>
			<th class="age">Age</th>
		</tr>
		</thead>
		<tbody>
		<tr>
			<%
				while(rs.next()) {
			%>
			<td class="id" id="id" style="text-align: center;"><%=rs.getString(1)%></td>
			<td class="name" id="na" style="text-align: center;"><%= rs.getString(2) %></td>
			<td class="address" id="ad" style="text-align: center;"><%= rs.getString(3) %></td>
			<td class="phone" id="ph" style="text-align: center;"><%= rs.getString(4) %></td>
			<td class="email" id="em" style="text-align: center;"><%= rs.getString(5) %></td>
			<td class="age" id="ag" style="text-align: center;"><%= rs.getString(6) %></td>

		</tr>
		<% } %>
		</tbody>
	</table>



function click_action_2(){
            	
            		   var y = document.getElementById("id");
                       y.innerHTML = "xx";
                       
                       var x = document.getElementById("na");
                       x.innerHTML = "xxxx";
                       
                       var z = document.getElementById("ad");
                       z.innerHTML = "xx xxxx xxxx";
                       
                       var a = document.getElementById("ph");
                       a.innerHTML = "xxxxxxxxxx";
                       
                       var b = document.getElementById("em");
                       b.innerHTML = "xxxxx@xxxxx.xxx";
                       
                       var c = document.getElementById("ag");
                       c.innerHTML = "xx";
            	     
            
            }       
            
i have bind this function to option tag under select tag now when i am changing rows only first row gets changed plsss help me out with better solution  


$("select").bind('change', function(){
                switch($(this).val()){
                    case "1":
                        click_action_1();
                        break;
                        
                    case "2":
                        click_action_2();
                        break;

                    case "3":
                        click_action_3();
                        break;
                }
            });