php - 如何更改 jQuery 中的标签文本？

Question

我有一个文本框和一个标签。如果用户想要更改标签文本，他/她必须在文本框中输入文本。每次用户在文本框中输入更改时，如何更新标签文本？

我知道可以将 AJAX 与 jQuery 和 PHP 一起使用。有没有更简单的方法？请告诉我。这是我的代码和链接:http://jsfiddle.net/uQ54g/1/

$('#change1').change(function(){
    var l = $(this).val();
    $('label').replaceWith(l);


});

Answer 1

首先，您必须使用.text 或.html 在jquery 中设置标签内的文本。您当前的代码实际上将删除标签元素并仅替换为文本。因此，如果您尝试再次编辑该值，它将不再起作用。您可能还想向标签添加类或 ID，因为您很可能在一个页面上有多个标签。

HTML:

<input type="text" id="change1"/><br/>
<label id="test">Hello</label>

Javascript:

$('#change1').change(function(){
    var l = $(this).val();
    $('#test').text(l);
    // OR $('#test').html(l);
});

如果您想在输入每个字符后更改标签，则需要使用 keyup 而不是 change。

这是更新的 jsfiddle