javascript - 多个变量

Question

我正在创建一个可以编辑现有评论的表单。 它包含一个带有旧评论(文本)的文本区域和一个提交按钮。 我需要的只是通过 ajax 将 newComment 发送到另一个脚本中。 这里的警报只向我显示旧评论，而它应该向我显示新评论。有人能给我任何线索吗？好像按钮没有提交或者什么的。但是当我使用类型提交时，网站正在重新加载，这是我根本不想要的。

function editComment(id, text){
    var thisId = "#" + id;
    $(thisId).replaceWith("<form>\n\
                          <textarea id='newComment'>" + text + "</textarea>\n\
                          <input type='button' id='submit' value='save'>\n\
                          </form>");

    $('#submit').click(function() {
        var newComment =  document.getElementById('newComment').innerHTML;               
        alert(newComment);
        $.ajax({
            type: 'get',
            url: '/editComment',
            data: "newComment",
        });                     
    });
}

Answer 1

尝试使用.value而不是.innerHTML

function editComment(id, text){
    var thisId = "#" + id;
    $(thisId).replaceWith("<form>\n\
                          <textarea id='newComment'>" + text + "</textarea>\n\
                          <input type='button' id='submit' value='save'>\n\
                          </form>");

    $('#submit').click(function() {
        var newComment =  document.getElementById('newComment').value;               
        alert(newComment);
        $.ajax({
            type: 'get',
            url: '/editComment',
            data: "newComment",
        });                     
    });
}

jsfiddle