Pertanyaan perubahan teks jquery ketika masukan berubah


Bagaimana kita bisa melakukan seperti bawah, dengan cara yang sederhana?

enter image description here ?

itu diperbarui ketika kita mengubah input.


5
2018-02-13 07:12


asal


Jawaban:


Katakanlah Anda memiliki HTML berikut:

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

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

JS Anda akan dengarkan untuk keyup peristiwa.

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

8
2018-02-13 07:15



Cukup lampirkan ke keyup acara kotak teks itu dan perbarui rentang yang sesuai.

Kotak teks dan rentang

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

Dan beberapa jQuery sederhana

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

6
2018-02-13 07:18