Visualizzazione dei risultati da 1 a 9 su 9

Hybrid View

  1. #1
    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>
    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.
    Per non sovrascrivere l'attributo "value" dei tag "option" ho usato un data-attribute che conterrà la data dell'evento nel formato anglosassone.

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    138
    E se invece che disabilitarlo volessi rimuoverlo?

  3. #3
    Quote Originariamente inviata da alberigo Visualizza il messaggio
    E se invece che disabilitarlo volessi rimuoverlo?

    Sostituisci

    codice:
    options[i].setAttribute('disabled',true);

    con

    codice:
    options[i].parentNode.removeChild(options[i]);

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    138
    Che dire...grazie ancora una volta.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.