How to trigger a function on value set to a inputbox?

Question

I have the code where I want to trigger a function on the date value selected to the input box. How can I achieve this using jQuery? Below is my code:

$("input.Degree_date").live('click', function() { 
    $("input.add").attr("hidden", true);
    $("input.delete").attr("hidden", true);
    alert();
});

$(document).on('input', '.Degree_date', function(){
    alert();
});

`.live` is deprecated for `.on` - since you ALREADY use `.on` later, use `.on`everywhere — mplungjan, Jun 09 '15 at 12:33
Likely duplicate of http://stackoverflow.com/questions/1948332/detect-all-changes-to-a-input-type-text-immediately-using-jquery — mplungjan, Jun 09 '15 at 12:35
The above is true, but note that you'll need to be using a version of jQuery of 1.7 or newer to use `on` — Rory McCrossan, Jun 09 '15 at 12:35
Have you tried running your code? If you have, are you getting any errors? What troubleshooting have you tried? Try adding `console.log()` events to track the progress of the script to identify where it fails. More exact information on your problem = more exact answers from the people trying to help you. — JRad the Bad, Jun 09 '15 at 12:42

score 0 · Answer 1 · answered Jun 09 '15 at 12:54

0

If you are using a jquery datepicker to select your date it is easy:

$( "#datepicker" ).datepicker(
{    onSelect: function(dateText, inst) {
        alert('this what you looking for?');
    }
});

answered Jun 09 '15 at 12:54

Jeremy C.

2,405
1
12
28

score 0 · Answer 2 · answered Jun 09 '15 at 12:54

As live is depricated you should use on.

Then I hope you are using datepicker plugin. So when your clickevent is not on the input field. You should use oninput or onchange event handler.

   $("input.Degree_date").on('input', function() { 
        $("input.add").attr("hidden", true);
        $("input.delete").attr("hidden", true);
        alert();
    });

score 0 · Answer 3 · answered Jun 09 '15 at 13:23

0

Input date,

 <input type="date" id="date">

Function to be triggered,

var call = function() {
    console.log('Trigger');
}

Jquery function on input date selection,

 $('#date').on('input', function() {
        call();
 });

answered Jun 09 '15 at 13:23

Twinkle

111
5

How to trigger a function on value set to a inputbox?

3 Answers3