Set an input value from jQuery function

Question

I'm simply trying to set a value for an input but it doesn't work. Here is my jquery function :

function display_form() {
    try {
        $('#start_date').val('2012/08/21');
    } catch (e) {
        alert('error');
    }

   // window.alert($('[name=start_date]').val()); (shows "undefined")
   $('#add-event').show();
}

This is how display_form is called:

$(document).ready(function() {
        $('#calendar').fullCalendar({ 
            dayClick: function(date, allDay, jsEvent, view)
            {     
                date_format = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm:ss");
                    display_form();
                    return false;

                },
            events: 'https://www.google.com/calendar/feeds/myLogin%40gmail.com/public/basic'
        });
    });

This shows "undefined". Here is my form :

<input id="start_date" name="start_date" type="text" size="6" />

Should I put somewhere the id of the form that I want to use? I just followed what is said in the documentation of jquery but it doesn't seem to work. Could anyone help me ?

@user1499229 check my solution below. Your code should work fine — Om3ga
– Om3ga, Commented Aug 31, 2012 at 9:44
are you sure the calendar plugin does not add another input or changes the name /class of yours? — Zathrus Writer
– Zathrus Writer, Commented Aug 31, 2012 at 11:10

Codesen · Accepted Answer · 2012-08-31 10:58:30Z

1

This will help

window.alert( $('input[name=start_date]').val() ); 



function display_form() 
    {   try {
        $('#start_date').val('2012/08/21');
        }catch (e){
                     alert('error');
                 }

       window.alert( $('[name=start_date]').val() ); 
       }

$(document).ready(function() {
$('#press').click(function() {
  display_form();
  });
    });

edited Aug 31, 2012 at 10:58

answered Aug 31, 2012 at 9:39

Codesen

7,8425 gold badges31 silver badges31 bronze badges

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

1 Comment

user1499220 Over a year ago

Thanks Codesesn but I don't understand how the call of display_form would be done if I put $('#press').click. Actually, it is display form which would display the form after setting the start date value

rink.attendant.6 · Accepted Answer · 2013-08-08 15:09:16Z

0

HTML

<input id="start_date" name="start_date" type="text" size="6" />
<button id="press">Press</button>

JavaScript

function display_form() {
    try {
        $('#start_date').val('2012/08/21');
    } catch (e) {
        alert('error');
    }

    window.alert( $('[name=start_date]').val() ); 
}

$('#press').click(function() {
    display_form();
 });

jsFiddle

edited Aug 8, 2013 at 15:09

rink.attendant.6

46.7k64 gold badges111 silver badges161 bronze badges

answered Aug 31, 2012 at 9:39

Om3ga

33.4k46 gold badges149 silver badges231 bronze badges

4 Comments

user1499220 Over a year ago

it still not working for me. Actually display_form is called from another function.And I checked the call with putting an alert in the beginning of the function !

Om3ga Over a year ago

Could you provide a little more code so that I understand what exactly is happening.

Om3ga Over a year ago

can you do console.log('something') inside $('#calendar').fullCalendar({ }) and check if it logs something in console.

user1499220 Over a year ago

console.log doesn't show anything but all what I put inside dayClick is executed.

Collectives™ on Stack Overflow

Set an input value from jQuery function

2 Answers 2

1 Comment

HTML

JavaScript

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

HTML

JavaScript

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related