时间戳

首页 > 解决方案 > textarea + jquery问题

javascript - textarea + jquery问题

问题描述

我在 JS 中制作了一些脚本并将其连接到 html。

这两段代码是相同的，但对于 textarea “name” 有效，而对于 textarea “about” 则无效。请帮我！

HTML（它不是整个文档）：

<div>
  Назва:
 <textarea type="text" class="form-control" class="name" id="name"></textarea>
 <span class="namme"></span>
</div>

<div>
  Опис товару:
  <textarea type="text" class="form-control" class='about' id='about'></textarea>
  <span class="abbout"></span>
</div>

JS：

jQuery(document).ready(function($){

    $("#name").change(function(){
        var name1 = $("textarea#name").val();
        $(this).next('.namme').text("Запам'ятовано");
        createCookie("namme", name1, "1");
    });
    $('.name').trigger('change');



    $('#about').change(function(){
        var about1 = $('#about').val();
        $(this).next('.abbout').text("Запам'ятовано");
        createCookie("abbout", about1, "1");
    });
    $('.about').trigger('change');


});

function createCookie(name, value, days) { 
    var expires; 

    if (days) { 
        var date = new Date(); 
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
        expires = "; expires=" + date.toGMTString(); 
    } 
    else { 
        expires = ""; 
    } 

    document.cookie = encodeURIComponent(name) + "=" +  
        encodeURIComponent(value) + expires + "; path=/"; 
}

标签： javascriptjqueryhtml

解决方案

好吧，在我的浏览器上，您的代码对两个文本区域都适用，请参见下面的代码段：

jQuery(document).ready(function($){

    $("#name").change(function(){
        var name1 = $("textarea#name").val();
        $(this).next('.namme').text("Запам'ятовано");
        createCookie("namme", name1, "1");
    });
    $('.name').trigger('change');



    $('#about').change(function(){
        var about1 = $('#about').val();
        $(this).next('.abbout').text("Запам'ятовано");
        createCookie("abbout", about1, "1");
    });
    $('.about').trigger('change');


});

function createCookie(name, value, days) { 
    var expires; 

    if (days) { 
        var date = new Date(); 
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
        expires = "; expires=" + date.toGMTString(); 
    } 
    else { 
        expires = ""; 
    } 

    document.cookie = encodeURIComponent(name) + "=" +  
        encodeURIComponent(value) + expires + "; path=/"; 
} 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
        Назва:
        <textarea type="text" class="form-control" class="name" id="name"></textarea>
        <span class="namme"></span>
    </div>

    <div>
        Опис товару:
        <textarea type="text" class="form-control" class='about' id='about'></textarea>
        <span class="abbout"></span>
    </div>

推荐阅读