Visualizzazione dei risultati da 1 a 10 su 13

Visualizzazione discussione

  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875

    mostrare un <tr> solo se un'opzione della select è settata

    Buongiorno
    Sto avendo dei piccoli problemi a mostrare un tr solo se la select che mi interessa ha come opzione un valore diverso da 1.

    In pratica:
    se viene scelta l'opzione 1 deve nascondere il tr
    se viene scelta qualsiasi altra opzione deve mostrare il tr

    Riesco a fare questo, il problema è che poi mi sballa le dimensioni delle tue celle interne, mette tutto il contenuto nella prima cella e non sono allineati con gli altri
    Posto un esempio inserendo uno sfondo giallo per far capire dove sta il problema

    Qui è quando non devo mostrare i <tr> in questione



    Qui invece è dove mostro i <tr> e non incolonna tutto come si deve


    come javascript sto usando questo:
    codice:
    function nascondiMostra (bShow) {
    var riga = document.getElementsByClassName("nascosto")
    for(var i=0; i<riga.length; i++){
    if(bShow==1){
    riga[i].style.display="none";
    }else{
    riga[i].style.display="block";
    }
    }
    }
    window.onload = function () {
    nascondiMostra(document.inserimento_offerte.tour_operator.options[inserimento_offerte.tour_operator.selectedIndex].value);
    };
    Alla select invece ho dato questo:
    codice:
    onchange="nascondiMostra(this.options[this.selectedIndex].value);
    ed ai tr ho dato la classe "nascosto"

    Come mai mi accade questo?

    In pratica questo è tutto l'html che mi crea i 4 tr
    codice:
    <tr class="nascosto" style="background: #ffff00;">
            <td><p class="nascosto">Prezzo Pacchetto &euro; (a persona)</p></td>
            <td><input type="text" class="form-control nascosto" id="prezzo_fisso_in_doppia" name="prezzo_fisso_in_doppia" value="<?=$prezzo_fisso_in_doppia?>"></td>
        </tr>
        <tr class="nascosto" style="background: #ffff00;">
            <td><p class="nascosto">Prezzo Pacchetto in tripla &euro; (costo terza persona)</p></td>
            <td><input type="text" class="form-control nascosto" id="prezzo_fisso_in_tripla" name="prezzo_fisso_in_tripla" value="<?=$prezzo_fisso_in_tripla?>"></td>
        </tr>
        <tr class="nascosto" style="background: #ffff00;">
            <td><p class="nascosto">Prezzo Fisso 3° letto bambino &euro; (a persona)</p></td>
            <td><input type="text" class="form-control nascosto" id="prezzo_fisso_primo_bambino" name="prezzo_fisso_primo_bambino" value="<?=$prezzo_fisso_primo_bambino?>"></td>
        </tr>
        <tr class="nascosto" style="background: #ffff00;">
            <td><p class="nascosto">Prezzo Fisso 4° letto bambino &euro; (a persona)</p></td>
            <td><input type="text" class="form-control nascosto" id="prezzo_fisso_secondo_bambino" name="prezzo_fisso_secondo_bambino" value="<?=$prezzo_fisso_secondo_bambino?>"></td>
        </tr>
    Ultima modifica di allin81; 07-04-2022 a 17:39

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.