Visualizzazione dei risultati da 1 a 2 su 2

Discussione: select con Javascript

  1. #1

    select con Javascript

    Salve ragazzi, ho un piccolo problema per il mio sito:
    Devo fare in modo che cambiando la option di una select alcune textbox devono essere disabilitate.
    Questo è il codice:

    <h3> Inserire prodotto </h3>

    <fieldset>
    <form action="index.php?pagina=inserire" method="POST" name="Inserire">
    Nel path inserire nome immagine.jpg


    Marca <input type="text" name="marca"> &nbsp &nbsp &nbsp &nbsp
    Prezzo <input type="text" name="prezzo">

    Quantità <input type="text" name="quantita"> &nbsp &nbsp &nbsp &nbsp
    Descrizione <input type="text" name="descrizione" >

    Modello <input type="text" name="modello"> &nbsp &nbsp &nbsp &nbsp
    Path <input type="text" name="path">



    <select size="1" name="scelta" id="scelta" onchange="test(this.value)" >

    <option value="racchette" >Racchette </option>
    <option value="corde">Corde</option>
    <option value="accessori">Accessori</option>
    </select>



    Nome <input type="text" name="nome" id="nome" >&nbsp &nbsp &nbsp
    Peso<input type="text" name="peso" id="peso" >


    Diametro<input type="text" name="diametro" id="diametro" > &nbsp &nbsp &nbsp
    Tipo<input type="text" name="tipo" id="tipo" >




    <input type="submit" name="inserire" value="Inserisci prodotto">
    </form>

    </fieldset>

    {literal}

    <script language="JavaScript" type="text/javascript">
    function test(value) {

    if (value == 'racchette') {
    document.getElementById('nome').disabled = true;
    document.getElementById('peso').disabled = true;
    document.getElementById('diametro').disabled = true;
    document.getElementById('tipo').disabled = false;
    } else if(value=='corde') {

    document.getElementById('nome').disabled = false;
    document.getElementById('peso').disabled = true;
    document.getElementById('diametro').disabled = true;
    document.getElementById('tipo').disabled = true;

    }else if(value == 'accessori'){
    document.getElementById('peso').hidden = true;
    document.getElementById('diametro').hidden = true;
    document.getElementById('nome').disabled = false;
    document.getElementById('tipo').disabled = false;
    }
    }

    </script>

    {/literal}


    Praticamente quando opt== racchette disabilitare tipo.
    Praticamente quando opt== corde abilitare solo nome.
    Praticamente quando opt== accessori disabiltare peso e diametro

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Prosegui nell'altra
    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

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.