thay đổi văn bản jquery khi thay đổi đầu vào

Question

Làm thế nào chúng ta có thể làm như dưới cùng, cách đơn giản?

?

cập nhật khi chúng tôi thay đổi đầu vào.

Answer 1

Giả sử bạn đã có đoạn HTML sau:

<input type="text" id="textbox"/> 

<span>http://twitter.com/<span id="changeable_text"></span></span> 

JS của bạn sẽ nghe cho sự kiện keyup.

$('input#textbox').keyup(function() { 
    //perform ajax call... 
    $('#changeable_text').text($(this).val()); 
}); 

Answer 2

Chỉ cần đính kèm sự kiện keyup của hộp văn bản đó và cập nhật khoảng thời gian tương ứng.

chức năng Các textbox và khoảng

<input type="text" id="txt-url-suffix" /> 
<div>Your public profile: http://www.twitter.com/<span id="url-suffix" /></div> 

Và một số đơn giản jQuery

var $urlSuffix = $("#url-suffix"); 
$("#txt-url-suffix").keyup(function() { 
    var value = $(this).val(); 
    $urlSuffix.text(value); 
});