Best way for javascript edit-option

[arbitter]

Hi there,

 

I have this table, generated with php:

 

<?php
	mysql_select_db('database');
	$query = mysql_query("SELECT * FROM activiteiten");
	while($row = mysql_fetch_array($query,MYSQL_ASSOC)){
			echo "<tr><td>" . $row['naamactiviteit'] . "</td><td>" . $row['begindag'] . "</td><td>" . $months[$row['beginmaand']] . "</td><td>" . $row['beginjaar'] . "</td><td>/</td><td>/</td><td>/</td><td><input type='button' value='verwijderen' onclick=\"ajax('delete','".$row['id']."');deleteRow(this.parentNode.parentNode.rowIndex)\" /><input type='hidden' value='".$row['naamactiviteit']."' id='naamactiviteit".$row['id']."' /></td></tr>";
	}
?>

 

So I already have a delete-button that deletes the contents from a database and that deletes the table row.

What I want to implement now is an 'edit' button, so that the contents can be edited. Now, every date should be editable with a <select><option value='1'>1</option> and so on.

 

I was wondering, what would be the best way of doing this? Give each cell a specific id containing the unique id of the content, and then on the click of a button hiding the current contents and showing the <select> things? Or is there a simpeler way?

 

And on another note; can you hide or show all the elements of a page with the same class with javascript?

 

Thanks in advance!