jquery change input text code example

Example 1: on change jquery

You can apply any one approach:

$("#Input_Id").change(function(){   // 1st
    // do your code here
    // When your element is already rendered
});


$("#Input_Id").on('change', function(){    // 2nd (A)
    // do your code here
    // It will specifically called on change of your element
});

$("body").on('change', '#Input_Id', function(){    // 2nd (B)
    // do your code here
    // It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
});

Example 2: get value of input jqueyr

var str = $("#myInput"). val();

Example 3: jquery change value of input

$('selector').val('new value');

Example 4: jquery change text

$(yourElement).html("New text");
//sets yourElement innerHTML to "New text"
var text = $(yourElement).html();
//html() returns the text inside yourElement if you pass no parameters

Example 5: jquery set input value

$("button").click(function(){
  $("input:text").val("Glenn Quagmire");
 })

Example 6: on change jquery

$("input").change(function(){
  alert("The text has been changed.");
});