Jquery variable use in function

Question

I have problem with jquery. I need to use variable date and time in function process but I do not how. Please can you anyone help me. Thank you.

$(document).ready(function () {

$('input[name="date"]').change(function(){
    var date = $('input[name="date"]').val();
    document.getElementById("date").innerHTML = date;
});

$('input[name="time"]').change(function(){
    var time = $('input[name="time"]').val();
}); 


function process(){

}
});

an easy solution is to read the values within the method like function process(){ var date = $('input[name="date"]').val(); } - else you can pass them as parameters — Arun P Johny
– Arun P Johny, Commented Feb 17, 2014 at 8:17
The problem is that date is input date which is changing to that is why there is .change. I tried Arun P Johnny solution but it does not work. — folpy
– folpy, Commented Feb 17, 2014 at 8:20
Function process is only example I only want to know how to get variable into this function. As I wrote before there is problem with changing that is why I can not use var date = $('input[name="date"]).val();.Can anyone help me with this? Thank you very much. — folpy
– folpy, Commented Feb 17, 2014 at 8:24

Ja͢ck · Accepted Answer · 2014-02-17 08:33:48Z

4

Try this:

$(document).ready(function () {
var date; //declared global
var time;//declared global
$('input[name="date"]').change(function(){
    date = $('input[name="date"]').val();
    document.getElementById("date").innerHTML = date;
});

$('input[name="time"]').change(function(){
    time = $('input[name="time"]').val();
}); 


function process(){
 //use date, time var as needed.
}
});

edited Feb 17, 2014 at 8:33

Ja͢ck

174k39 gold badges269 silver badges316 bronze badges

answered Feb 17, 2014 at 8:22

Java_User

1,3213 gold badges27 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

folpy Over a year ago

I tried use console.log in function process and console show this: event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

Java_User Over a year ago

This is a general error that will show in chrome console. You can safely ignore them. This has got nothing to do with your code. If you nedd to remove these warnings you can use strict mode.

folpy Over a year ago

Thank Makesh Sapkal add in your code process() and console.log is function. Thank you for your fast help.

Ja͢ck Over a year ago

Don't add comments in your answer; this post is fine just like it is.

msapkal · Accepted Answer · 2014-02-17 08:26:14Z

1

Hope my understanding is correct i.e. you want to call function process() everytime when the date/time changes.

$(document).ready(function () {

    var date, time; // declare them on top

    $('input[name="date"]').change(function(){
        date = $('input[name="date"]').val();
        document.getElementById("date").innerHTML = date;
        process();
    });

    $('input[name="time"]').change(function(){
        time = $('input[name="time"]').val();
        process();
    }); 

    function process(){
        // use date, time here
    }
});

answered Feb 17, 2014 at 8:26

msapkal

8,3462 gold badges34 silver badges48 bronze badges

2 Comments

folpy Over a year ago

Perfect this solution work exactly as I need. Thank you and others for your help.

Ja͢ck Over a year ago

This is the same answer that Java_User gave 5 minutes earlier.

Ja͢ck · Accepted Answer · 2014-02-17 08:39:16Z

1

I know two answers have been given already, but here's another approach you could adopt; cache the selectors for date and time fields, and use those within the context of process():

jQuery(function($) {

    var $date = $('input[name="date"]'),
    $time = $('input[name="time"]');

    function process()
    {
        // use $date.val() and $time.val()
    }

    $date.on('change', function() {
        $('#date').text(date);
        process();
    });

    $time.on('change', process);
});

The advantage is that you don't start with an undefined date or time variable, because they're already references to their corresponding fields on the page.

answered Feb 17, 2014 at 8:39

Ja͢ck

174k39 gold badges269 silver badges316 bronze badges

Collectives™ on Stack Overflow

Jquery variable use in function

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related