Javascript – jQuery UI datepicker: move to the next field after date select

javascriptjqueryjquery-uijquery-ui-datepicker

I've created a web form that uses the jQuery-UI datepicker. When a date is selected, the focus on the textbox where the date is entered is lost.

I would like to make the focus either stay in the datepicker-enabled textbox or else move to the text element on my web form. Is this possible?

Best Answer

$('.selector').datepicker({
   onClose: function(dateText, inst) {
      $(this).focus();
   }
});

http://jsfiddle.net/HNeF9/

Related Solutions

JQuery Datepicker with text input that doesn’t allow user input

You should be able to use the readonly attribute on the text input, and jQuery will still be able to edit its contents.

<input type='text' id='foo' readonly='true'>

Javascript – the best way to add options to a select from a JavaScript object with jQuery

The same as other answers, in a jQuery fashion:

$.each(selectValues, function(key, value) {   
     $('#mySelect')
         .append($("<option></option>")
                    .attr("value", key)
                    .text(value)); 
});

Best Answer

Related Solutions

JQuery Datepicker with text input that doesn’t allow user input

Javascript – the best way to add options to a select from a JavaScript object with jQuery

Related Topic