0
179
ViewsHow do I autofill a textbox with data I just clicked with href?
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>
);
}
·
Juan Pablo Isaza
1 answers
Answer question0
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;
·
Juan Pablo Isaza
Report
Answer question