我有一个文本框和一个标签。如果用户想要更改标签文本，他/她必须在文本框中输入文本。每次用户在更改文本框中输入内容时，如何更新标签文本？
我知道可以将 AJAX 与 jQuery 和 PHP 一起使用。有没有更简单的方法？ 请告诉我。这是我的代码和链接：http://jsfiddle.net/uQ54g/1/
$('#change1').change(function(){
var l = $(this).val();
$('label').replaceWith(l);
});
【问题讨论】：
首先，您必须使用.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
【讨论】：
正如我在 cmets 中提到的那样，您小提琴中的代码运行良好，或者您可以使用 keyup 之类的
$('#change1').keyup(function(){
var l = $(this).val();
$('label').text(l);
//alert($('#change1').val())
});
还请注意，当您使用replaceWith 时，它将替换匹配的元素，在您的情况下，它在触发更改后label <label>hello</label> 将替换为Changed Text，所以如果您再次使用$("label")它会返回未定义的，see it for yourself
【讨论】：
试试这个：
$('#change1').keyup(function(){
l=$(this).val()
$('label').html(l)
})
【讨论】：
$(label) 将抛出一个错误，根据 OP 提供的标记，ID 为 change1
将它与 jquery 库一起使用
$('#change1').on('keyup',function(){ //Change1 is id of textbox
$('#label1').html($(this).val()) //label1 is the id of the label
});
$('#change1').blur(function() { //if we copy paste some text into the textbox it will also work if use this blur and trigger function
$(this).trigger('keyup');
});
【讨论】：
这个怎么样
$('#change1').change(function(item){
$('label').text(item.target.value);
});
【讨论】：