JQuery dynamicaly change value depends on input value

ftelnov :

I am trying to make change listener for input, it must set value to trans. field, when user type something to input field.

    $("#valueInput").on("change", function () {
        $("#transferredValue").val(this.value)
    })

But it didn't work, nothing happens. Script was loaded, I checked it through console.

Md Farid Uddin Kiron :

Try below snippet would work.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("input").change(function(){
    alert("The text has been changed.");
    $("#transferredValue").val(this.value)
  });
});
</script>
</head>
<body>

<input  type="text">

<p></p>

</body>
</html>

Another Way you could try:

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    $("#valueInput").on('change', function(){
      var changeValue =  $("#valueInput").val();
         alert(changeValue);
       });

    });
    </script>
    </head>
    <body>


    <input type="text" id="valueInput" />
    <p></p>

    </body>
    </html>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=30047&siteId=1