【问题标题】:jQUERY textarea wont change value when typing键入时jQUERY textarea不会更改值
【发布时间】:2013-11-25 22:50:53
【问题描述】:

这是我网站的注释脚本,但 jquery/javascript 代码的某些部分似乎无法正常工作。

在编辑评论而不是将其发布到 php 时,我制作了一个小通知窗口来测试它是否真的改变了传递的值。

Onclick 将获取当前评论并创建一个包含该评论的文本区域。

现在,如果用户开始更改文本并点击编辑按钮,即使文本完全不同,小测试通知仍会显示原始评论。

请帮忙。

这是代码

$("a.edit").click(function(){
      var eid = $(this).data("id");
      var econtent = $("li[data-id='" + eid + "'] .comment-cont").text();
      $("li[data-id='" + eid + "'] .comment-cont").html('<div class="edit-error"></div><form><textarea class="edit-comment">'+econtent+'</textarea></form><a  href="javascript:;" onclick="notify('+econtent+')" class="editcomment button_yellow">Edit</a>');
      $(".edit-comment").keyup(function(){
            var content = $('.edit-comment').val();
            if (content.length < 3){
                $(".edit-error").show();
                $('.edit-error').html('Content can not be shorter then 3 characters');
                $("a.editcomment").hide();
            }else if(content.length < 300){
                $(".edit-error").hide();
                $('.edit-error').html('')
                $("a.editcomment").show();
            }else{
                $(".edit-error").show();
                $('.edit-error').html('Content can not be longer then 300 characters');
                $("a.editcomment").hide();
            }
    });
    $("a.editcomment").click(function(){
        var edited = $('.edit-comment').text();
        notify(edited);
    });
});

因此,如果用户单击编辑按钮,他/她的评论将进入带有 EDIT 按钮的文本区域。

PS:函数

notify() = 小通知框。

var eid = 评论 ID。

var econtent = 原始内容

var 已编辑 = 已编辑的内容(仍然是原始内容)。

【问题讨论】:

  • 在 jsfiddle.net 中创建一个复制问题的演示

标签: javascript php jquery html


【解决方案1】:

我认为您只需将$('.edit-comment').text(); 更改为$('.edit-comment').val();

$("a.editcomment").click(function(){
    var edited = $('.edit-comment').val();
    notify(edited);
});

好像是val() is the preferred way of getting text from a textarea

【讨论】:

  • .val();返回空:s
  • $('.edit-comment').val(); 在您的keyup() 回调中返回正确的值吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-30
  • 2014-03-24
  • 2013-11-15
  • 2015-11-24
  • 1970-01-01
相关资源
最近更新 更多