JavaScriptは残りの文字を表示していませんが、他のページでも機能します。

Question

JavaScriptを実装しています。

<form action='' method='post' enctype='multipart/form-data'> 
    <textarea id="txtarea" name='msg' rows='2' maxlength='255' cols='80' placeholder=' Share a thought...'></textarea> 
    <input type='submit' name='send' value='Share'/> 
</form> 

// this is where the feedback should be shown... 
<div id="textarea_feed"> </div> 

そしてここでは、JavaScriptが望ましい機能を達成することです：

 <script type="text/javascript"> 
      $(document).ready(function() { 
       var text_max = 255; 
       $('#textarea_feed').html(text_max + ' characters remaining'); 

       $('#txtarea').keyup(function() { 
        var text_length = $('#txtarea').val().length; 
        var text_remaining = text_max - text_length; 

        $('#textarea_feed').html(text_remaining + ' characters remaining'); 
       }); 
      }); 
     </script> 

を私はまったく同じフォームとJavaScriptのレイアウトを持っている。ここ

は私のTEXTAREA、どこでフィードバックが示されるべきですprofile_page.phpにあり、そこで動作しますが、何らかの理由でdivにテキストが表示されません。私はサンプルコンテンツでテストしたので、divが他のdivの後ろに隠れていないことを知っています。

Answer 1

htmlにjQueryスクリプトタグが含まれていることを確認してください。 私はCDNを追加すると私のために働きます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 

https://jsfiddle.net/aeuzfLao/