How to copy a value to the same page?

[sumanth kumar]

Here is a scenario, the page displays a table of values comes from database(ID, First Name, Last Name, Telephone), here ID column displays with links and if we click on the link the corresponding ID value should goes to a textbox on the same page. I know the javascript can do this but I've no idea how to make, could someone help me on this?

[Bear Bibeault]

Establish a click handler for the link, within which you can fetch the id value and stuff it into the appropriate target.

How is the id value associated with the link?

[Blaidd Gwael]

<script> function populateTextArea(string){ document.getElementById('textarea').value = string; } </script> <a onclick="populateTextArea('ID1');">ID1</a> , FirstName, LastName, ... <a onclick="populateTextArea('ID2');">ID1</a> , FirstName, LastName, ... <a onclick="populateTextArea('ID3');">ID1</a> , FirstName, LastName, ... <a onclick="populateTextArea('ID4');">ID1</a> , FirstName, LastName, ... ... <textarea id="textarea"></textarea>

or if you want an input and not a textarea:

<input id="textarea" />

[sumanth kumar]

Thanks Blaidd and Bear for replying.. Blaidd given solution would perfectly gave me the solution.

I got another question on the same thing that if the page displays 100s of rows and when we click on the link the id goes to textarea but the location is not moving to the textarea in the same page where we clicked, I need to move location to textarea. In order to do this the same there must be a javascript clue, can you please give me the solution.

Thanks, I really appreciate..

[Blaidd Gwael]

<script>
    function populateTextArea(string){
        document.getElementById('textarea').value = string;
    }
</script>

<a href="#jumong_link" onclick="populateTextArea('ID1');">ID1</a> , FirstName, LastName, ...
<a href="#jumong_link"  onclick="populateTextArea('ID2');">ID1</a> , FirstName, LastName, ...
<a href="#jumong_link"  onclick="populateTextArea('ID3');">ID1</a> , FirstName, LastName, ...
<a href="#jumong_link"  onclick="populateTextArea('ID4');">ID1</a> , FirstName, LastName, ...
...

<a name="jumong_link"></a>
<textarea id="textarea"></textarea>

should work...

[sumanth kumar]

Excellent ..Blaidd Gwael.. works. Thanks