Fill Div with inputed text
I have the following and it works - everytime I hit the Button it adds the word Text under my button
- <title>Test</title>
<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btnAdd').on('click', function () {
$('<p>Text</p>').appendTo('#Content');
return false;
});
});
</script>
</head>
<body>
<form id="form1" >
<div id='Content'>
<input id="myNotes" class="myNotes" type="text">
<button id="btnAdd">Add Notes</button>
<div id="placeHere" class="placeHere"></div>
- </div>
</form>
I would like to be able to enter a word or sentence in a textbox and have That print under the button
My thought was try and grab the text value of the input box and place it in the div but this does not fire ........ any suggestions would greatly :
- $(function () {
$('#btnAdd').on('click', function () {
var newText = $('.myNotes').val();
$(newText).appendTo('#placeHere');
return false;
});
- });
----
- <div id='Content'>
<input id="myNotes" class="myNotes" type="text">
<button id="btnAdd">Add Notes</button>
<div id="placeHere" class="placeHere"></div>
- </div>