Question

i have a script for a datepicker and it puts the date selected to my input text:

<script type="text/javascript" language="javascript">
$(function () {
    $(".datepicker").datepicker({ onSelect: function (dateText, inst) { },
        altField: ".alternate"
    });

});

this is my form:

<form action="/" >

   <input type="text" class="alternate" onchange='this.form.submit()' readonly="readonly" />

</form> 

i would like to automatically submit the form everytime the value of input text changes.. everytime i select a new date in the datepicker, the input text changes, but the form does not submit… how could i do this?

Answer 1

See Call Javascript onchange event by programatically changing textbox value

Why not just use the onSelect event from the datepicker to submit the form?

Something like:

$(function () {
    $(".datepicker").datepicker({ onSelect: function (dateText, inst) { 
           $("#textboxID").val(dateText);
           $("FORM").submit();
        },
        altField: ".alternate"
    });
});