Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2004
    Messaggi
    22

    combo box correlazionate

    Ciao a tutti!!

    Sono Giaros ed ho un problema che mi affligge.
    Io devo realizzare due combo box correlazionate in modo che ad un valore della prima (nello stesso form chiaramente), corrisponde una serie di valori(sottoinsieme) nella seconda.
    Ad esempio se devo comprare un'auto prima scelgo la marca nella 1° combo e poi uno dei modelli corrispondenti nella 2°combo.
    Io vorrei realizzare esattamente questo lavoro, ma invece ho ottenuto tutti i valori di tutti i modelli delle marche auto mobilistiche esistenti nella seconda combo!
    Allora mi sono copiato il seguente codice che vi dico subito che funziona perfettamente, ma non sono in grado di gestirlo per due motivi.
    Il primo è perchè sono capace solo di usare asp per ciclare le combo (che in questo esempio copiato, giustamente sono in javascript), il secondo è che non sono capace a costruire la pagina dove devo raccogliere la marca e il modello dell'auto scelti dall'utente per poi leggerli o scriverli nel db(quello per me non sarebbe un problema).
    In pratica al post dei dati devo ottenere i due valori delle combo scelti dall'utente nel file di asp "postato"!
    Potete aiutarmi???Sono sicuro che è più facile farlo che spiegarmelo...
    ciao a presto!!!

    <SCRIPT>
    var vuoto = new Array('...')

    var M01 = new Array('...', '145', '146', '147', '155', '156', '164', '166', '33', 'GT', 'GTV', 'SPIDER')

    var M02 = new Array('...', 'A2', 'A3', 'A4', 'A6', 'A8', 'ALLROAD', 'RS6', 'S4', 'S6', 'TT')

    var M03 = new Array('...', 'A112', 'Y10')

    var M04 = new Array('...', 'Serie 3', 'Serie 3 COMPACT', 'Serie 5', 'Serie 6', 'Serie 7', 'Serie 8', 'X3', 'X5', 'Z3', 'Z4', 'Z8')

    var M05 = new Array('...', '300 M', 'CROSSFIRE', 'GRAND VOYAGER', 'NEON', 'PT CRUISER', 'SEBRING', 'STRATUS', 'VIPER', 'VISION', 'VOYAGER')

    var M06 = new Array('...', 'AX', 'BERLINGO', 'C2', 'C3', 'C3 PLURIEL', 'C3 XTR', 'C5', 'C8', 'EVASION', 'JUMPER', 'JUMPY', 'PICASSO', 'SAXO', 'XANTIA', 'XM', 'XSARA')

    var M07 = new Array('...', 'ESPERO', 'EVANDA', 'KALOS', 'LACETTI', 'LANOS', 'LEGANZA', 'MATIZ', 'NEXIA', 'NUBIRA', 'TACUMA')

    var M08 = new Array('...', 'CHARADE', 'COPEN', 'CUORE', 'FEROZA', 'ROCKY', 'SIRION', 'TERIOS', 'YRV')

    var M09 = new Array('...', '208', '308', '348', '355', '360 MODENA', '456', '512 TR', '550 MARANELLO', '575', 'ENZO', 'F355', 'F40', 'F50', 'GTO', 'MONDIAL', 'TESTAROSSA')

    var M10 = new Array('...', 'BARCHETTA', 'BRAVA', 'BRAVO', 'CINQUECENTO', 'COUPE', 'DOBLO', 'DUCATO', 'FIORINO', 'IDEA', 'MAREA', 'MULTIPLA', 'PALIO', 'PANDA', 'PUNTO', 'SEICENTO', 'STILO', 'STILO M.WAGON', 'TEMPRA', 'TIPO', 'ULYSSE', 'UNO')

    var M11 = new Array('...', 'COUGAR', 'ESCORT', 'FIESTA', 'FOCUS', 'FOCUS C-MAX', 'FUSION', 'GALAXY', 'KA', 'MONDEO', 'PUMA', 'RANGER', 'SCORPIO', 'SIERRA', 'STREET KA', 'TOURNEO CONNECT')

    var M12 = new Array('...', 'ACCORD', 'CIVIC', 'CIVIC IMA', 'CONCERTO', 'CR-V', 'HR-V', 'JAZZ', 'LEGEND', 'LOGO', 'PRELUDE', 'S2000', 'STREAM')

    var M13 = new Array('...', 'ACCENT', 'ATOS', 'ATOS PRIME', 'COUPE', 'ELANTRA', 'GALLOPER', 'GETZ', 'LANTRA', 'MATRIX', 'PONY', 'SANTA FE', 'S-COUPE', 'SONATA', 'SONICA', 'TERRACAN', 'TRAJET')

    var M14 = new Array('...', 'DAIMLER', 'E', 'SOVEREIGN', 'S-TYPE', 'XJ', 'XJ6', 'XJ8', 'XJR', 'XJS', 'XK', 'X-TYPE')

    var M15 = new Array('...', 'CHEROKEE', 'GRAND CHEROKEE', 'RENEGADE', 'WRANGLER')

    var M16 = new Array('...', 'CARENS', 'CARNIVAL', 'CLARUS', 'MAGENTIS', 'OPIRUS', 'PICANTO', 'RIO', 'SEPHIA', 'SHUMA', 'SORENTO', 'SPORTAGE')

    ..........................

    var M45 = new Array('...', '480', '760', '940', 'C70', 'POLAR', 'S40', 'S60', 'S80', 'V40', 'V50', 'V70', 'XC 70', 'XC 90')


    function swapOptions(the_array_name)
    {
    var the_select = window.document.ins.modelli;
    var the_array = eval(the_array_name);
    setOptionText(window.document.ins.modelli,the_arra y);
    }

    function setOptionText(the_select, the_array)
    {
    the_select.length=the_array.length;
    for (c=0; c < the_array.length; c++)
    {
    the_select.options[c].text = the_array[c];
    }
    }
    </SCRIPT>

    <SCRIPT>
    function avvia_ricerca(){
    var marca = ''
    var modello = ''
    if ((window.document.ins.marche[window.document.ins.marche.selectedIndex].text) == "Marca"){
    alert("Attenzione selezionare almeno un criterio per la ricerca")
    }
    if ((window.document.ins.marche[window.document.ins.marche.selectedIndex].text) != "Marca"){
    var marca = (window.document.ins.marche[window.document.ins.marche.selectedIndex].text)
    if ((window.document.ins.modelli[window.document.ins.modelli.selectedIndex].text) != "..."){
    var modello = (window.document.ins.modelli[window.document.ins.modelli.selectedIndex].text) }

    if (modello != '') {
    window.location='ricerca.asp?marca_ric=' + marca +'&modello_ric=' + modello +'&pagina=1'
    }
    if (modello == "") {
    window.location='ricerca.asp?marca_ric=' + marca +'&pagina=1'
    }
    }
    }
    </SCRIPT>

    ....

    <BODY onload=swapOptions(vuoto)>

    ....

    <FORM name=login action=log.asp?ok=1 method=post>
    <TBODY>
    <TR>
    <TD vAlign=center align=middle colSpan=4><FONT color=#ffffff
    size=3>Autenticazione</FONT></TD></TR>
    <TR>
    <TD vAlign=center align=middle colSpan=4><INPUT style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 0px; WIDTH: 100%; COLOR: #ffffff; BORDER-BOTTOM: 0px; FONT-FAMILY: verdana, helvetica, arial, sans-serif; HEIGHT: 15px" onclick="window.open('richiesta_pwd.html','display Window','width=300,height=250,left=100,top=100,scr eenx=100,screeny=100,toolbar=no,scrollbars=no,nore size,menubar=no')" type=button align=right value="Ho dimenticato la Password"></TD></TR>
    <TR>
    <TD vAlign=center align=right width=106><FONT
    color=#ffffff size=2>User Id
    </FONT></TD>
    <TD vAlign=center width=106><INPUT class=input name=userid></TD>
    <TD vAlign=center align=right width=106><FONT
    color=#ffffff size=2>Password
    </FONT></TD>
    <TD vAlign=center width=106><INPUT class=input type=password
    name=password></TD></TR>
    <TR>
    <TD vAlign=center align=middle colSpan=4><INPUT style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 0px; WIDTH: 100%; COLOR: #ffffff; BORDER-BOTTOM: 0px; FONT-FAMILY: verdana, helvetica, arial, sans-serif; HEIGHT: 15px" type=submit align=right value=Entra></TD></TR></FORM></TBODY></TABLE></FONT>[/I][/B]</P></TD></TR>
    <TR>
    <TD width="100%" colSpan=3>
    <P align=center><FONT color=#0094de size=4>
    Occasioni della
    settimana</FONT>
    </P></TD></TR>
    <TR>
    <TD width="50%">[img]AUTO OFFERTE_itpriv2_file/nofoto.gif[/img]
    <FONT color=#000080 size=1>
    <P align=center><A
    href="http://www.autoofferte.it/dettaglio.asp?id=5"><FONT
    color=#000080 size=1>AUDI TT 1800 Benzina

    Prezzo: € 19.500</FONT> </A></P></FONT></TD>
    <TD width="1%" bgColor=#cc0000></TD>
    <TD vAlign=top width="49%"><FONT color=#000080 size=1><A
    title="1600cc. Benzina Prezzo: € 19000"
    href="http://www.autoofferte.it/dettaglio.asp?id=1"><FONT
    color=#000080 size=1>» MG MGA </A>
    <A
    title="1600cc. Benzina Prezzo: € 9900"
    href="http://www.autoofferte.it/dettaglio.asp?id=2"><FONT
    color=#000080 size=1>» FIAT STILO </A>
    <A
    title="2000cc. Diesel Prezzo: € 24000"
    href="http://www.autoofferte.it/dettaglio.asp?id=3"><FONT
    color=#000080 size=1>» BMW Serie 3
    </A>
    </FONT></FONT></FONT></FONT></TD></TR>
    <TR>
    <TD width="50%"> </TD>
    <TD width="1%"></TD>
    <TD width="45%"> </TD></TR>
    <TR>
    <TD width="50%"> </TD>
    <TD width="1%"></TD>
    <TD width="45%"> </TD></TR></TBODY></TABLE></TD>
    <TD class=category vAlign=top align=middle width=160
    bgColor=#eeeeee>
    <TABLE id=table7 style="BORDER-COLLAPSE: collapse" cellPadding=2
    width="100%" border=0>
    <TBODY>
    <TR>
    <TD>
    <FORM name=ins>

    <P align=right><FONT color=#000080>Ricerca la tua
    auto:
    </FONT>
    <HR width="100%" color=#cc0000>



    </P>
    <P align=right><FONT color=#000080>Marca</FONT> <FONT
    face="verdana, helvetica, arial, sans-serif"><SPAN
    style="FONT-SIZE: 70%"><SELECT class=input
    onchange=swapOptions(ins.marche.value) name=marche> <OPTION
    value=vuoto selected>Marca</OPTION> <OPTION value=M01>ALFA
    ROMEO</OPTION> <OPTION value=M02>AUDI</OPTION> <OPTION
    value=M03>AUTOBIANCHI</OPTION> <OPTION value=M04>BMW</OPTION>
    <OPTION value=M05>CHRYSLER</OPTION> <OPTION
    value=M06>CITROEN</OPTION> <OPTION value=M07>DAEWOO</OPTION>
    <OPTION value=M08>DAIHATSU</OPTION> <OPTION
    value=M09>FERRARI</OPTION> <OPTION value=M10>FIAT</OPTION> <OPTION
    value=M11>FORD</OPTION> <OPTION value=M12>HONDA</OPTION> <OPTION
    value=M13>HYUNDAI</OPTION> <OPTION value=M14>JAGUAR</OPTION>
    <OPTION value=M15>JEEP</OPTION> <OPTION value=M16>KIA</OPTION>
    <OPTION value=M17>LAMBORGHINI</OPTION> <OPTION
    value=M18>LANCIA</OPTION> <OPTION value=M19>LAND ROVER</OPTION>
    <OPTION value=M20>LEXUS</OPTION> <OPTION value=M21>LOTUS</OPTION>
    <OPTION value=M22>MASERATI</OPTION> <OPTION
    value=M23>MAZDA</OPTION> <OPTION value=M24>MERCEDES</OPTION>
    <OPTION value=M25>MG</OPTION> <OPTION value=M26>MINI</OPTION>
    <OPTION value=M27>MITSUBISHI</OPTION> <OPTION
    value=M28>NISSAN</OPTION> <OPTION value=M29>OPEL</OPTION> <OPTION
    value=M30>PEUGEOT</OPTION> <OPTION value=M31>PORSCHE</OPTION>
    <OPTION value=M32>RENAULT</OPTION> <OPTION
    value=M33>ROLLS-ROYCE</OPTION> <OPTION value=M34>ROVER</OPTION>
    <OPTION value=M35>SAAB</OPTION> <OPTION value=M36>SEAT</OPTION>
    <OPTION value=M37>SKODA</OPTION> <OPTION value=M38>SMART</OPTION>
    <OPTION value=M39>SSANG YONG</OPTION> <OPTION
    value=M40>SUBARU</OPTION> <OPTION value=M41>SUZUKI</OPTION>
    <OPTION value=M43>TOYOTA</OPTION> <OPTION
    value=M44>VOLKSWAGEN</OPTION> <OPTION
    value=M45>VOLVO</OPTION></SELECT></SPAN> </FONT>
    <FONT
    color=#000080>Modello</FONT><FONT
    face="verdana, helvetica, arial, sans-serif" color=red> </FONT><FONT
    style="FONT-SIZE: 13px" face="verdana, helvetica, arial, sans-serif"
    color=red><SPAN style="FONT-SIZE: 70%"><SELECT class=input
    name=modelli> <OPTION selected></OPTION></SELECT></SPAN></FONT>

    <HR width="100%" color=#cc0000>


    </P>
    <P align=right><FONT color=#ff0000><A onclick=avvia_ricerca()
    href="http://www.autoofferte.it/login.asp?pag=anagrafica&amp;prof=privato#"><FONT
    color=#333333>» Avvia
    ricerca</FONT></A>
    </FONT></P></TD></FORM>


  2. #2
    Utente di HTML.it L'avatar di viki1967
    Registrato dal
    Feb 2003
    Messaggi
    1,757
    troppo codice, girano gli "occhi"...
    cambia metodo utilizza le combobox dinamiche di teorema55:
    www.larianaweb.com

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.