Reputation: 10487
This is driving me crazy - why doesn't my code work?
<a id="send-thoughts" href="">Click</a>
<textarea id="#message"></textarea>
jQuery("a#send-thoughts").click(function() {
var thought = jQuery("textarea#message").val();
alert(thought);
});
alerts undefined.
Upvotes: 64
Views: 280090
Reputation: 331
change id="#message" to id="message" on your textarea element.
and by the way, just use this:
$('#send-thoughts')
remember that you should only use ID's once and you can use classes over and over.
https://css-tricks.com/the-difference-between-id-and-class/
Upvotes: 2
Reputation:
It can be done at easily like as:
<a id="send-thoughts" href="">Click</a>
<textarea id="message"></textarea>
$("a#send-thoughts").click(function() {
var thought = $("#message").val();
alert(thought);
});
Upvotes: 4
Reputation: 141
By using new version of jquery (1.8.2), I amend the current code like in this links http://jsfiddle.net/q5EXG/97/
By using the same code, I just change from jQuery to '$'
<a id="send-thoughts" href="">Click</a>
<textarea id="message"></textarea>
$('#send-thoughts').click(function()
{ var thought = $('#message').val();
alert(thought);
});
Upvotes: 14
Reputation: 745
try this:
<a id="send-thoughts" href="">Click</a>
<textarea id="message"></textarea>
<!--<textarea id="#message"></textarea>-->
jQuery("a#send-thoughts").click(function() {
//var thought = jQuery("textarea#message").val();
var thought = $("#message").val();
alert(thought);
});
Upvotes: 0