loading No. in mysql database into a textbox - php

Question

The following code segment is used by me to load the contents in the database as a table!(each row has a button with value load!
while($row=mysqli_fetch_array($result))
{
echo"
<tr id='rowNum'>
<td >".$row['No.']."</td>
<td >".$row['NIC']."</td>
<td >".$row['DP']."</td>
<td >".$row['DPTime']."</td>
<td >".$row['Telephone']."</td>
<td> <input type='button' id='load' class='btn btn-success' value='Load number' disabled=' '></td>
</tr>";
}
I also have the following text box on the same web page(outside the above table)!
echo "<input type=text name="display number">"
when i press the load button of the the relevant row of the table i want to display the No. of that row in the text box! how can i achieve this?

Answer 1

There are several problems with the code you posted. I'll do my best to get you on your way... You will want to do what you have described with JavaScript which runs on the client. Many people use libraries these days to work with JavaScript but to avoid added confusion I will recommend looking into jQuery and write my solution in the native code.
while($row=mysqli_fetch_array($result)) {
echo("
<tr id='rowNum".$row['No.']."'>
<td>".$row['No.']."</td>
<td>".$row['NIC']."</td>
<td>".$row['DP']."</td>
<td>".$row['DPTime']."</td>
<td>".$row['Telephone']."</td>
<td>
<input type='button' id='load".$row['No.']."' onClick='javascript:document.getElementById(\"displayNumber\").value=this.parentNode.parentNode.firstChild.innerHTML;' class='btn btn-success' value='Load Number'>
</td>
</tr>"
);
}
One big talking point is that you need to make sure that if you assign an id to any HTML element, unless it is a collection then that ID must be unique, otherwise your HTML will be just as invalid as your id. Also: Don't use spaces in names or ids. Just don't.
Finally, to fix up the input which is outside the table where you want the number to dynamically appear:
echo("<input type='text' name='displayNumber' id='displayNumber'>");