Ciao a tutti ragazzi, ho un problema con un sistema che sto sviluppando per permettere un ordine di prodotti online ma con pagamenti quali bonifico, contrassegno o ritiro a mano presso un posto.

Ho creato la pagina del form che vi mostro qui di seguito ma devo fare in modo che a seconda del valore selezionato nella select della spedizione mi cambino le option della modalità di pagamento ma senza ricaricare la pagina!!!

AIUTO

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>

<form action="bbb.php" method="POST">
	<fieldset title="Anagrafica">
		<label for="nome">Nome: </label>
    		<input type="text" name="nome" required="required" />

		<label for="cognome">Cognome: </label>
        	<input type="text" name="cognome" required="required" />

		<label for="data-nascita">Data di nascita: </label>
        	<input type="date" name="data-nascita" required="required" />

		<label for="indirizzo">Indirizzo residenza: </label>
			<select name="tipo-indirizzo-res" >
            	<option value="Via">Via</option>
                <option value="Viale">Viale</option>
                <option value="Vicolo">Vicolo</option>
                <option value="Piazza">Piazza</option>
                <option value="Circ.ne">Circ.ne</option>
                <option value="Altro ...">Altro ...</option>
            </select>
        	<input type="text" name="via-res" required="required" />
            <label for="civico-res"> Civico </label>
            	<input type="text" name="civico-res" maxlength="6" size="6" required="required" />

        <label for="citta">Città: </label>
        	<input type="text" name="citta" required="required" />
        <label for="cap">CAP: </label>
        	<input type="text" name="cap" required="required" maxlenght="5" size="5"/>
        <label for="provincia">Provincia: </label>
        	<input type="text" name="provincia" required="required" maxlength="2" size="2" />

		<label for="codice-fiscale">Codice fiscale: </label>
        	<input type="text" name="codice-fiscale" required="required" max="16" size="16"/>

		<label for="mail">e-Mail: </label>
        	<input type="email" name="mail" required="required" max="40" size="30"/>

		<label for="telefono">Telefono: </label>
        	<input type="text" name="telefono" required="required" maxlength="12" size="12"/>

		<label for="cellulare">Cellulare: </label>
        	<input type="text" name="cellulare" maxlength="12" size="12" />

    </fieldset>
    <fieldset title="Spedizione">
    	Lasciare i seguenti campi vuoti se vuoi che la spedizione avvenga all'indirizzo di residenza indicato sopra.
 
        <label for="indirizzo">Indirizzo spedizione: </label>
			<select name="tipo-indirizzo-sped" >
            	<option value="Via">Via</option>
                <option value="Viale">Viale</option>
                <option value="Vicolo">Vicolo</option>
                <option value="Piazza">Piazza</option>
                <option value="Circ.ne">Circ.ne</option>
                <option value="Altro ...">Altro ...</option>
            </select>
        	<input type="text" name="via-sped" />
            <label for="civico-sped"> Civico </label>
            	<input type="text" name="civico-sped" maxlength="6" size="6"/> 
        <label for="citta-sped">Città: </label>
        	<input type="text" name="citta-sped"/>
        <label for="cap-sped">CAP: </label>
        	<input type="text" name="cap-sped" maxlenght="5" size="5"/>
        <label for="provincia-sped">Provincia: </label>
        	<input type="text" name="provincia-sped" maxlength="2" size="2" />

    </fieldset>
    <fieldset title="Prodotto">
    	Qui di seguito scegli il prodotto che desideri acquistare.
 
        <label for="prodotto">Prodotto da acquistare: </label>
			<select name="prodotto" >
            	<option value="Racchettone">Racchettone</option>
            </select>
            <label for="q" />Quantità: </label>
            	<input type="text" name="q" maxlength="2" size="2"/>
    </fieldset>
    <fieldset title="Spedizione">
    	Qui di seguito scegli il metodo di spedizione.
 
        <label for="spedizione">Spedizione: </label>
			<select name="spedizione" >
            	<option value="Corriere Espresso (€6.50)">Corriere Espresso (€6.50)</option>
                <option value="Ritiro presso XXX">Ritiro presso XXX</option>
            </select>

QUI CI ANDREBBE LA SELECT CHE SELEZIONA IL METODO DI PAGAMENTO:
   - SE LA SPEDIZIONE E' CORRIERE ESPRESSO ALLORA LA SCELTA DEVE ESSERE TRA "BONIFICO BANCARIO" O "CONTRASSEGNO"
   - SE LA SPEDIZIONE E' RITIRO PRESSO XXX ALLORA LA SCELTA DEVE ESSERE OBBLIGATORIAMENTE "RITIRO"


eccetera....
please help me!!!

ovviamente la pagina bbb.php che è l'action del form riceve tutti i dati in POST e fa dei calcoli che funzionano alla perfezione ...

l'unico problema è quella scelta li!

NON voglio usare un database voglio fare tutto con variabili e altre poche cose. non ho a disposizione un database.

GRAZIE

Probabilmente ho sbagliato sezione, ma qui c'è dell HTML, del PHP, probabilmente ci vorrà del JAVASCRIPT e quindi non sapevo dove postarla!!!


POTETE CANCELLARE! Ho postato nella sezione forse un po più corretta!