Nota che lo script è posto, non a caso, *dopo* il tag select, di modo che questo (il tag select) sia già stato caricato nella pagina al momento dell'esecuzione dello script.codice:<select id="awf_field-87278791" name="custom Data corso" tabindex="511" > <option class="multiChoice" value="4 Marzo Milano" data-expire="2017/03/04">4 Marzo Milano</option> <option class="multiChoice" value="25 Marzo Torino" data-expire="2017/03/25">25 Marzo Torino</option> <option class="multiChoice" value="23 Novembre Roma" data-expire="2016/11/23">23 Novembre Roma</option> </select> <script type="text/javascript"> var today=new Date(); var options=document.getElementById('awf_field-87278791').getElementsByTagName('option'); for(var i=0; i<options.length;i++){ var expire=new Date(options[i].getAttribute('data-expire')); if(expire<today){ options[i].setAttribute('disabled',true); } } </script>
Per non sovrascrivere l'attributo "value" dei tag "option" ho usato un data-attribute che conterrà la data dell'evento nel formato anglosassone.