How do I autofill a textbox with data I just clicked with href?

Question

If I click on sender 'haq', how can I redirect to the messaging page and autofill 'haq' into the username text box?

My code with the href is below:

return (
    <html className="u">
    <div className="form-container">
        <h1 className="message-text">Inbox</h1>
        <table className="table-box">
            <tr>
                <th>Sender </th>
                <th>Message</th>
            </tr>

            {messageList.map((val,key) => 
            {
                return (
            

            <tr>
                <a href = {"http://localhost:3000" + "/Message"}><td>{val.Sender}</td> </a>
                <td>{val.Message}</td>
            </tr>
                );
            })}
        </table>
    </div>
    </html>
);

}

this isn't related to your question, but don't href to localhost:3000 — Cole Henrich, Mar 11 '22 at 00:18

score 0 · Answer 1 · answered Mar 11 '22 at 01:41

You have to get the value of the parameter message (How to do that). Then after getting the value, assign it to the textbox.

Example:

// Get value of parameter in URL
let example_url = "http://www.example.com/message=helloWorld"; // window.location.href
let url = new URL(example_url);
let message = url.searchParams.get("message")

// Assign value to textbox
document.getElementById("textbox").value = message;

How do I autofill a textbox with data I just clicked with href?

1 Answers1