Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    309

    svuotare campi form (select)

    Ciao a tutti e buon anno nuovo.
    so che l'argomento è stato trattato gia però non ho trovato ancora una soluzione buona.
    o 5 elementi in un form di tipo select, alcuni riempiti con dojo e altri con pochi elementi e fissi li riempo da server con delle liste.
    la ricerca va bene. trovati i dati lascio i campi detti con i dati inseriti in caso si vuole aggiungere altro e affinare la ricerca. Se però vuoglio svuotare il form ho un problemino con firefox che non fa niente.
    a ogni elemento naturalmente o abinato un id. altre al tasto submit ne ho inserito un di tipo button. di seguito il codice:
    codice:
    <input type="button" value="cancella" onclick="clearform()" align="left" />
    .....
    <script type="text/javascript">
       function clearform(){
           document.iscrittiForm.elements('nome').value = '';
           document.iscrittiForm.elements('cognome').value = '';
           document.iscrittiForm.elements('periodo').value = '';
           document.iscrittiForm.elements('tipo').value = '';
           document.iscrittiForm.elements('scuola').value = '';
       }
    </script>
    il form ha id iscrittiForm ma firefox fa finta di niente.
    grazie per eventuali suggerimenti
    tomcat 6.016
    netbeans 6.1

  2. #2

  3. #3
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    document.getElementById('iscrittiForm').elements ....

    Perche' "select" nel titolo? se devi resettare un controllo select devi mettere il suo selectedIndex = -1

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    309
    ciao
    grazie per le risposte e scusatemi il ritardo nella risposta ma negli ultimi 3 giorni ho oziato come non mai (ho preso assasins creed ...)
    ritornando al problema:
    ho messo select per indicare il tipo di elemento del form che mi fa impazzire.

    ho provato con document.iscrittiForm.elements('nome').selectedInd ex = -1
    al posto di value e non va sempre con firefox. con ie funziona....
    in pratica se inserisco i valori nel form e premo il tasto per cancellare andava bene. se clicco per la ricerca e quindi ricarico la pagina riportando i valori di ricerca negli appositi elementi il tasto reset non fa più niente con firefox mentre con ie si.
    la cosa strana è che riprovando stamattina non mi resetta i campi nemmeno prima di effettuare la ricerca. posto parte del codice della pagina dopo l'elaborazione server:
    codice:
    <table class="wwFormTable">                
         <td class="tdLabel" colspan="1"><label for="nome" class="label">Nome:</label></td>
        <td    colspan="1"> 
           <select dojoType="struts:ComboBox" id="nome" autoComplete="false"  name="nome"      keyName="nomeKey">
        <option value="fds">fds</option>
        <option value="h yj ytjghjhg">h yj ytjghjhg</option>
        <option value="asdsa sadsd">asdsa sadsd</option>
        <option value="antosni">antosni</option>
        <option value="fsdfdsf">fsdfdsf</option>
        <option value="test aggiscrizione">test aggiscrizione</option>
        <option value="test">test</option>
        <option value="test3">test3</option>
        <option value="test4">test4</option>
        <option value="test5">test5</option>
        <option value="test6">test6</option>
    </select></td>
    <td class="tdLabel" colspan="1"><label for="cognome" class="label">Cognome:</label></td>
    <td    colspan="1"
    ><select dojoType="struts:ComboBox" id="cognome" autoComplete="false" name="cognome" keyName="cognomeKey">
        <option value="fsd">fsd</option>
        <option value="dfgdfgdfgdf">dfgdfgdfgdf</option>
        <option value="asjdfhkj jhkjh dsfk">asjdfhkj jhkjh dsfk</option>
        <option value="dsfv dsfdsds">dsfv dsfdsds</option>
        <option value="dsfsdfsd">dsfsdfsd</option>
        <option value="test aggiscrizione">test aggiscrizione</option>
        <option value="test test">test test</option>
        <option value="test3">test3</option>
        <option value="test4">test4</option>
        <option value="test5">test5</option>
        <option value="test6">test6</option>
    </select></td>
    <td class="tdLabel" colspan="1"><label for="tipo" class="label">Tipo:</label></td>
    <td    colspan="1"
    ><select name="tipo" id="tipo">
        <option value=""></option>
        <option value="pre">pre</option>
        <option value="post">post</option>
    
    
    </select></td>
    <td colspan="4">
                            <input type="button" value="cancella" onclick="clearform()" align="left" />
                        </td>
    //lo script
    <script type="text/javascript">
                    function clearform(){
                        document.iscrittiForm.elements('nome').selectedIndex = -1;
                        document.iscrittiForm.elements('cognome').selectedIndex = -1;
                        document.iscrittiForm.elements('periodo').selectedIndex = -1;
                        document.iscrittiForm.elements('tipo').selectedIndex = -1;
                        document.iscrittiForm.elements('scuola').selectedIndex = -1;
                    }
                </script>
    ho messo solo alcuni elementi....nello script indico anche gli altri che non vedete.
    il form si chiama iscrittiForm...
    intanto faccio qualche altra prova. nel peggiore dei casi il tasto cancella farà ricaricare la pagina senza passare parametri
    tomcat 6.016
    netbeans 6.1

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    dojoType="struts:ComboBox" autoComplete="false" sicuro che sia una sintassi corretta :master: prova anche cosi:
    codice:
    function clearform(){
                        document.getElementById('nome').selectedIndex = 0;
                        document.getElementById('cognome').selectedIndex = 0;
                        document.getElementById('periodo').selectedIndex = 0;
                        document.getElementById('tipo').selectedIndex = 0;
                        document.getElementById('scuola').selectedIndex = 0;
                    }
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    309
    lato server uso struts 2 (java). è lui che trasforma poi il tag in quel modo. in pratica mi autocompleta ciò che inserisco. Ha l'attributo impostato a false per non forzare l'autocopletamento in modo da ricercare parti di una stringa e non per forza un nominativo completo.
    con ie usando getElementById si incazza dicendo che è nullo o non è un oggetto
    mentre usando
    document.getElementById('iscrittiForm').reset(); funziona solo se i campi non sono ripopolati dopo l'invio degli stessi, quindi me li resetta solo se non ho premuto il submit

    usando document.iscrittiForm.elements('nome').selectedInd ex = 0; non fa niente con ie

    naturalmente se scrivo: location.href = "iscritti.action"; nello script ricarica la pagina ma funziona. Solo che appunto avrei evitato volentieri di ricaricare la pagina.
    La cosa che non capisco come mai non va ciò che mi hai suggerito, mentre se passo da form, specificando element('nome') va
    tomcat 6.016
    netbeans 6.1

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova a mettere un link alla pagina pubblica
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Hai citato diverse volte "dopo l'invio del form" ... ma tu come fai l'invio del form? :master:

    ciao

    ps: metti un link alla pagina
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  9. #9
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    309
    da lavoro mi è praticamente impossibbile...
    posso provare in serata da casa tramite il servizio no-ip.
    appena riesco cerco di publicarla. In effetti l'applicativo è un backoffice per le scuole
    in tarda serata uppo il tread (moglie permettendo )
    tomcat 6.016
    netbeans 6.1

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.