Saya memiliki 3 bidang teks input, yang saya inginkan adalah ketika saya mengetik sesuatu di input pertama, input kedua mendeteksi apa yang diketik dan input ini akan disembunyikan. Input ke-3 akan mendeteksi informasi yang diisi di input tersembunyi ke-2.

Inilah yang saya coba tanpa hasil:

<script >
$(document).ready(function(){
  $('#1').bind('input',function(){
    var val1 = $('#1').val();
    $('#2').val(val1);
  });
});
</script>

<script >
$(document).ready(function(){
  $("#2").on("input", function() {
    var val2 = $('#2').val();
    $('#3').val(val2);
  });
});
</script> 
0
Cristian Garzon 12 Maret 2019, 20:49

1 menjawab

Jawaban Terbaik

Peristiwa input diaktifkan pada masukan pengguna. Saat mengubah nilai input secara dinamis, menggunakan .val(), peristiwa tidak diaktifkan... Tetapi Anda dapat memicunya menggunakan .trigger().

$(document).ready(function() {
  $('#1').bind('input', function() {
    var val1 = $('#1').val();
    $('#2').val(val1).trigger("input").hide();
  });

  $("#2").on("input", function() {
    var val2 = $('#2').val();
    $('#3').val(val2);
  });
});
/* color for inputs... To make them obvious in this demo only */

[id='1']{
  border: 2px solid blue;
}
[id='2']{
  border: 2px solid red;
}
[id='3']{
  border: 2px solid green;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="1">
<input id="2">
<input id="3">
0
Louys Patrice Bessette 12 Maret 2019, 18:08