简体   繁体   中英

How to add text to a textbox by clicking a button

I would like to have a button to the right of a textbox which when clicked would populate the textbox with a message. I am assuming I can accomplish this with Javascript but the "onclick" method doesn't seem to work for me. I am probably doing it wrong.

Assuming you are using jQuery( http://jquery.com/ ):

$('#buttonID').click(function() {
    $('#textareaID').val('Your text goes here');
}

Using JavaScript and HTML :

I am guessing what you need is, may be as follow:

<!DOCTYPE html>
<html>
<head>
<script>
function ButtonClick_Test()
{
document.getElementById("result").value= ' your text here';
}
</script>
</head>

<body>
<form>
Click Here:<br/>
<input type="button" value="Click Here" name="no" onclick="ButtonClick_Test()"> 

<input type="text" id="result" size="20">
</form>
</body>
</html>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM