Question

我正在寻找类似的内容：http://jsfiddle.net/fcalderan/L7dWc/

$('button').on('click', function() {
var i = $('input'),
    v = i.val();

if ($(this).hasClass('search')) {
   $(this).text('search'); 
   $('p').remove();    
}
else {
   $(this).text('update');
   $('<p></p>', { text: v }).insertBefore(i);
}

$(this).toggleClass('search');
});

但是如果我点击一个按钮，文本将变成一个文本框，然后会出现两个按钮：提交和取消。如果我点击“提交”按钮，文本框的内容将通过表单提交。如果单击取消，文本框和2按钮将消失，并恢复为原始文本。

我想用它来编辑文字，就像YouTube编辑评论系统一样。

谢谢！

Answer 1

我认为this正是您所寻找的。您需要为您的需求添加更多控件和js处理程序

$('#cancel').on('click', function () {
    var i = $('#txt'),
        v = $('#hdn').val();
    $('p').remove();

    $('#search').text('update');
    $('<p></p>', {
        text: v
    }).insertBefore(i); 
    i.val(v);
    $('#hdn').val(v);
    $('#search').addClass('search');
    $(this).hide();
});

可修改的文本到文本框中

1 个答案: