テキストボックスとラベルがあります。ユーザーがラベル テキストを変更したい場合は、テキスト ボックスにテキストを入力する必要があります。ユーザーが変更時にテキストボックスにエントリを作成するたびにラベルテキストを更新するにはどうすればよいですか?
jQuery と PHP で AJAX を使用できることはわかっています。もっと簡単な方法はありますか？私にお知らせください。ここに私のコードとリンクがあります: http://jsfiddle.net/uQ54g/1/
$('#change1').change(function(){
var l = $(this).val();
$('label').replaceWith(l);
});
まず、jquery でラベル内のテキストを使用.textまたは設定する必要があります。.html現在のコードでは、実際にはラベル要素が削除され、テキストのみに置き換えられます。そのため、再度値を編集しようとすると機能しなくなります。ほとんどの場合、ページに複数のラベルがあるため、ラベルにクラスまたは 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はこちら</p>
コメントで述べたように、フィドルのコードは正常に機能しています。または、次のkeyupように使用できます
$('#change1').keyup(function(){
var l = $(this).val();
$('label').text(l);
//alert($('#change1').val())
});
また、使用すると一致した要素が置き換えられることに注意してreplaceWithください。あなたの場合label、変更がトリガーされた後<label>hello</label>に置き換えられるChanged Textため、$("label")もう一度行うと未定義が返されます。自分で確認してください。
これを試して：
$('#change1').keyup(function(){
l=$(this).val()
$('label').html(l)
})
これはどう
$('#change1').change(function(item){
$('label').text(item.target.value);
});