Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2003
    Messaggi
    225

    Problema coni <form ....>

    Salve,
    ho questo "codice" html che ha due campi di testo, un menu select, un campo disabled, un tasto inserisci e un javascript che fa un controllo sul campo inizialmente disabled.

    <html>
    <head>
    <title>Esempio</title>
    <script language="JavaScript">
    function checkSelection() {
    if (document.myForm.campo3.selectedIndex == 7) {
    document.myForm.campo4.disabled = false;
    }
    </script>
    </head>
    <body>
    <form action="altro_file" method="get">

    <input type="text" value="campo1" size="2">

    <input type="text" value="campo2" size="2">

    <form name="myForm">
    <select name="campo3" onChange="checkSelection()">
    <option value="" selected ></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="altro">altro</option>
    </select>
    <input type="text" name="campo4" size="3" disabled>
    </form>

    <input type="submit" value="Inserisci" name="B1">

    </form>
    </body>
    </html>

    Il problema è che la <form name="myform"> e <form action="altro_file" method="get"> non vanno d'accordo.
    In sostanza il submit non funziona.
    Come posso far coesistere entrambi i <form> ?

    Grazie

  2. #2
    Utente bannato
    Registrato dal
    Dec 2003
    Messaggi
    721

    Re: Problema coni <form ....>

    prova così
    <html>
    <head>
    <title>Esempio</title>
    <script language="JavaScript">
    function checkSelection() {
    if (document.myForm.campo3.selectedIndex == 7) {
    document.myForm.campo4.disabled = false;
    }
    </script>
    </head>
    <body>
    <form action="altro_file" method="get" name="myForm">

    <input type="text" value="campo1" size="2">

    <input type="text" value="campo2" size="2">

    <select name="campo3" onChange="checkSelection()">
    <option value="" selected ></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="altro">altro</option>
    </select>
    <input type="text" name="campo4" size="3" disabled>

    <input type="submit" value="Inserisci" name="B1">

    </form>
    </body>
    </html>


    anche se non ho ben capito cosa vuoi fare

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2003
    Messaggi
    225

    hai capito benissimo

    ho provato anch'io a metterlo lì e funziona .... grazie comunque per la risposta.

    Considerando nuovamente il javascript, se nel menu a scelta clicco su "altro", si abilita il "campo4" e si può riempire tale campo.
    Se successivamente clicco ad esempio su qualcosa diverso da "altro", il "campo4" ridiventa disabilitato, ma con il valore riempito precedentemente al suo interno.
    C'è un modo per eliminare automaticamente il contenuto nel "campo4" diventato ora disabilitato?

    Grazie ancora
    Ciao

  4. #4
    Utente bannato
    Registrato dal
    Dec 2003
    Messaggi
    721

    Re: hai capito benissimo

    prova così

    <script language="JavaScript">
    function checkSelection() {
    if (document.myForm.campo3.selectedIndex == 7) {
    document.myForm.campo4.disabled = false;
    }
    else {
    document.myForm.campo4.value = '';
    }
    </script>

    anche se credo sarebbe meglio così, ma non so se funziona


    <script language="JavaScript">
    function checkSelection() {
    if (document.myForm.campo3.selectedIndex != 7) {
    document.myForm.campo4.disabled = true;
    document.myForm.campo4.value = '';
    }
    </script>

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2003
    Messaggi
    225

    va bene

    ho preso spunto da entrambi gli esempi che mi hai postato, ho "mischiato" un po' le cose et voilà funziona!

    Grazie

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 © 2026 vBulletin Solutions, Inc. All rights reserved.