html - jQuery ui.datepicker on 'select' element -
i have select element couple of dates want give possibility of picking date datepicker have following code displays calendar icon next select field.
<select name="birthday" >      <option value="${merge0.birthday}">${merge0.birthday}</option>      <option value="${merge1.birthday}">${merge1.birthday}</option>                         </select> <input type="hidden" id="bday_icon" />   then, datepicker script
$("#bday_icon").datepicker(             {                 changemonth: true,                 changeyear: true,                 showon: 'button',                 buttonimage: 'cal/images/calendar.gif',                 buttonimageonly: true,                 onselect: function(datetext, inst) {                     var field = document.getelementsbynamebyname("birthday");                     var opt = document.createelement('option');                     opt.text = datetext;                     opt.value = datetext;                     field.add(opt, null);             }             });   shouldn't function onselect, add new option select html element? can't see it's wrong?
thanks.
update 1:
onselect: function(datetext, inst) {       var opt = $('<option />').attr('value', datetext).text(datetext);       $('select[name=birthday]').append(opt);       }   works perfect, remark needed mark selected new option edit like: $('<option selected/>')
unless they're of functions, i'm not sure .add() , getelementsbynamebyname() are. can't seem find add in jquery api. 
also, when working jquery widgets, prefer use jquery selectors:
onselect: function(datetext, inst) {     var opt = $('<option />').attr('value', datetext).text(datetext);     $('select[name=birthday]').append(opt); }   works me.
Comments
Post a Comment