JavaScript不显示剩余字符，但可以在其他页面上使用

Question

因此，我实现了JavaScript，该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>

我在profile_page.php上具有完全相同的形式和JavaScript布局，并且在那里可以运行，但是由于某些原因，我在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/