如何在jQuery中更改标签文本？

Question

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

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

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


});

Answer 1

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

\n\n

HTML：

\n\n

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

\n\n

JavaScript：

\n\n

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

\n\n

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

\n\n

这是更新的jsfiddle \xe2\x80\x8b

\n