🆙 🛀🏿 💅🏽 Getting a Textarea value using jQuery - jquery ✊🏽 👨🏾‍🚒 👩🏼‍💼

Click

<body>
  
  <header class="page-header js-page-header">
    <a class="page-header-logo-container" href="https://geek-cook.imtqy.com/index.html"></a>
    <div class="page-header-text">Best IT Recipes</div>
  </header>
  <section class="page js-page"><div itemscope="" itemtype="http://schema.org/QAPage" class="page"><div class="main-col" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question"><div class="question-header"><h1 itemprop="name">  Getting a Textarea value using jQuery </h1></div><div class="question"><div class="question-row"><div class="question-text"><div class="description" itemprop="text"><p>  It drives me crazy - why is my code not working? </p><pre class="prettyprint-override"><code class="hljs javascript"><a id=<span class="hljs-string">"send-thoughts"</span> href=<span class="hljs-string">""</span>>Click<<span class="hljs-regexp">/a> <textarea id="#message"></</span>textarea> jQuery(<span class="hljs-string">"a#send-thoughts"</span>).click(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{ <span class="hljs-keyword">var</span> thought = jQuery(<span class="hljs-string">"textarea#message"</span>).val(); alert(thought); });</code> </pre> <p>  undefined alerts. </p><p>  <a href="http://jsfiddle.net/q5EXG/" rel="nofollow noreferrer">http://jsfiddle.net/q5EXG/</a> </p></div><div class="favorite hidden"><i class="far fa-star"></i></div><div class="votes-question"><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop="upvoteCount">  +49 </div><i class="glyphicon glyphicon-arrow-down"></i></div><div class="tags">  <span class="former-link">jquery</span> </div><div class="clearfix"></div><div class="action-time">  <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><span class="former-link">Dave Kiss</span></span></span> <span title="2011-04-18 20:57">Apr 18</span>  <span title="2011-04-18 20:57">2018-11-11T00:</span> <span class="hidden" itemprop="dateCreated" datetime="2011-04-18 20:57">00Z</span> </div>  <span class="former-link">source</span> <span class="former-link">share</span> <div class="clearfix"></div></div></div></div><div class="answers " id="answers_hash"><div class="answers-header">  <span class="pull-left"><span itemprop="answerCount">5</span> answers</span> <div class="clearfix"></div></div><div class="answer-pager hidden"></div><div class="answer accepted" id="685641_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="acceptedAnswer"><div class="answer-row"><div class="answer-text"><div class="desc" itemprop="text"><p>  you have <code>id="#message"</code> ... must be <code>id="message"</code> </p><p>  <a href="http://jsfiddle.net/q5EXG/1/" rel="nofollow noreferrer">http://jsfiddle.net/q5EXG/1/</a> </p></div><div class="votes-answer"><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop="upvoteCount">  +36 </div><i class="glyphicon glyphicon-arrow-down"></i></div><div class="clearfix"></div><div class="action-time">  <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><span class="former-link">brad</span></span></span> <span title="2011-04-18 21:00">Apr 18</span>  <span title="2011-04-18 21:00">'11 at 21:00</span> <span class="hidden" itemprop="dateCreated" datetime="2011-04-18 21:00">2011-04-18 21:00</span> </div>  <span class="former-link">source</span> <span class="former-link">share</span> <div class="clearfix"></div></div></div></div><div class="answer rltd" id="685650_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"><div class="answer-row"><div class="answer-text"><div class="desc" itemprop="text"><p>  Using the new version of jquery (1.8.2), I change the current code, as in these links <a href="http://jsfiddle.net/q5EXG/97/" rel="nofollow noreferrer">http://jsfiddle.net/q5EXG/97/</a> </p><p>  Using the same code, I just go from jQuery to '$' </p><pre class="prettyprint-override"> <code class="hljs javascript"><a id=<span class="hljs-string">"send-thoughts"</span> href=<span class="hljs-string">""</span>>Click<<span class="hljs-regexp">/a> <textarea id="message"></</span>textarea> $(<span class="hljs-string">'#send-thoughts'</span>).click(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{ <span class="hljs-keyword">var</span> thought = $(<span class="hljs-string">'#message'</span>).val(); alert(thought); });</code> </pre></div><div class="votes-answer"><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop="upvoteCount">  +8 </div><i class="glyphicon glyphicon-arrow-down"></i></div><div class="clearfix"></div><div class="action-time">  <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><span class="former-link">nunjimmimya</span></span></span> <span title="2012-12-07 03:02">Dec 07</span>  <span class="hidden" itemprop="dateCreated" datetime="2012-12-07 03:02">2018-12-12T00: 00Z</span> </div>  <span class="former-link">source</span> <span class="former-link">share</span> <div class="clearfix"></div></div></div></div><div class="answer bt" id="685655_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"><div class="answer-row"><div class="answer-text"><div class="desc" itemprop="text"><p>  This can be done as easily as: </p><pre class="prettyprint-override"> <code class="hljs javascript"> <a id=<span class="hljs-string">"send-thoughts"</span> href=<span class="hljs-string">""</span>>Click<<span class="hljs-regexp">/a> <textarea id="message"></</span>textarea> $(<span class="hljs-string">"a#send-thoughts"</span>).click(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{ <span class="hljs-keyword">var</span> thought = $(<span class="hljs-string">"#message"</span>).val(); alert(thought); });</code> </pre></div><div class="votes-answer"><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop="upvoteCount">  +2 </div><i class="glyphicon glyphicon-arrow-down"></i></div><div class="clearfix"></div><div class="action-time">  <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name">user1133648</span></span> <span title="2014-03-29 13:08">Mar 29</span>  <span title="2014-03-29 13:08">'14 at 13:08</span> <span class="hidden" itemprop="dateCreated" datetime="2014-03-29 13:08">2014-03-29 13:08</span> </div>  <span class="former-link">source</span> <span class="former-link">share</span> <div class="clearfix"></div></div></div></div><div class="answer" id="685656_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"><div class="answer-row"><div class="answer-text"><div class="desc" itemprop="text"><p>  change id = "# message" to id = "message" in the textarea element. </p><p>  and by the way, just use this: </p><pre class="prettyprint-override"> <code class="hljs javascript">$(<span class="hljs-string">'#send-thoughts'</span>)</code> </pre><blockquote><p>  remember that you should only use ID once, and you can use classes again and again. </p></blockquote><p>  <a href="https://css-tricks.com/the-difference-between-id-and-class/" rel="nofollow noreferrer">https://css-tricks.com/the-difference-between-id-and-class/</a> </p></div><div class="votes-answer"><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop="upvoteCount">  +1 </div><i class="glyphicon glyphicon-arrow-down"></i></div><div class="clearfix"></div><div class="action-time">  <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><span class="former-link">chitcharonko</span></span></span> <span title="2015-03-04 03:02">Mar 04</span>  <span title="2015-03-04 03:02">'15 at 3:02</span> <span class="hidden" itemprop="dateCreated" datetime="2015-03-04 03:02">2015-03-04 03:02</span> </div>  <span class="former-link">source</span> <span class="former-link">share</span> <div class="clearfix"></div></div></div></div><div class="answer last" id="685649_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"><div class="answer-row"><div class="answer-text"><div class="desc" itemprop="text"><p>  try the following: </p><pre class="prettyprint-override"> <code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"send-thoughts"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">""</span>></span>Click<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"message"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span> <span class="hljs-comment"></span> jQuery("a#send-thoughts").click(function() { //var thought = jQuery("textarea#message").val(); var thought = $("#message").val(); alert(thought); });</code> </pre></div><div class="votes-answer"><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count " itemprop="upvoteCount">  0 </div><i class="glyphicon glyphicon-arrow-down"></i></div><div class="clearfix"></div><div class="action-time">  <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><span class="former-link">Vismari</span></span></span> <span title="2011-04-18 21:02">Apr 18</span>  <span title="2011-04-18 21:02">2018-11-21T00:</span> <span class="hidden" itemprop="dateCreated" datetime="2011-04-18 21:02">00Z</span> </div>  <span class="former-link">source</span> <span class="former-link">share</span> <div class="clearfix"></div></div></div></div><div class="text-center"></div><div class="answer-pager hidden"></div><div class="text-center"></div></div></div></div>
      <br>
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle"
          style="display:block; text-align:center;"
          data-ad-layout="in-article"
          data-ad-format="fluid"
          data-ad-client="ca-pub-4469282388984999"
          data-ad-slot="7248419616"></ins>
        <script>
          (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
      <br>
    
<section class="more-articles-navigation-panel js-more-articles-navigation-panel">
<h4>More articles:</h4>
<nav class="list-of-articles-container js-list-of-articles-container"><ul class="list-of-pages js-list-of-pages">
<li><a href="../109705/index.html">MVC: Should I introduce form validation rules in a controller or model? - php</a></li>
<li><a href="../109706/index.html">Android - having provider credentials in an application project - java</a></li>
<li><a href="../109707/index.html">How to use mysqldump for part of a table? - mysql</a></li>
<li><a href="../109708/index.html">Problem with duplicate Android server - android</a></li>
<li><a href="../109710/index.html">Modernizr, html5shiv, ie7.js and CSS3 Pie. What to use and when? - javascript</a></li>
<li><a href="../109715/index.html">How can I access the private class constructor? - java</a></li>
<li><a href="../109716/index.html">Can I use multiple permissions with FileProvider? - android</a></li>
<li><a href="../109717/index.html">Windows powershell: changing the command line - windows</a></li>
<li><a href="../109718/index.html">What is the best interface from Python 3.1.1 to R? - python</a></li>
<li><a href="../109719/index.html">Android Manifest with @String link - specifically Android: power - android</a></li>
</ul></nav>
</section><br />
<a href="../../allArticles.html"><strong>All Articles</strong></a>
<script src="../../js/main.js"></script>

<script type="text/javascript" >
  (function (d, w, c) {
      (w[c] = w[c] || []).push(function() {
          try {
              w.yaCounter55090465 = new Ya.Metrika({
                  id:55090465,
                  clickmap:true,
                  trackLinks:true,
                  accurateTrackBounce:true,
                  webvisor:true
              });
          } catch(e) { }
      });

var n = d.getElementsByTagName("script")[0],
          s = d.createElement("script"),
          f = function () { n.parentNode.insertBefore(s, n); };
      s.type = "text/javascript";
      s.async = true;
      s.src = "https://mc.yandex.ru/metrika/watch.js";

if (w.opera == "[object Opera]") {
          d.addEventListener("DOMContentLoaded", f, false);
      } else { f(); }
  })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/55090465" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-146494335-1', 'auto'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async defer></script>

</section>

</html>