form con select a tendina dinamici

tivovi74

Utente Attivo
31 Gen 2012
58
1
8
Ciao ragazzi, ho una domanda per voi che siete più esperti di me e vi assicuro che basta poco io non lo sono affatto.....

ho costruito un form per la ricerca di un immobile in cui l'utente può selezionare vendita o locazione attraverso un menu a tendina e vorrei collegare altri 2 menu (già creati) a tendina in cui appaiano il prezzo min e prezzo max per creare un range di ricerca.
Ovviamente i valori nella select dovrebbero essere diversi, come posso fare per aggiornare i valori nella select a seconda che si volglia acquistare o affittare?

Grazie.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
potresti provare qualcosa di questo tipo
HTML:
<script type="text/javascript">
    var Vendita = new Array();
    Vendita[0] = "da 0 a 50";
    Vendita[1] = "da 51 a 100";
    Vendita[2] = "da 101 a 150";
    Vendita[3] = "da 151 a 201";
    
    var Locazione = new Array();
    Locazione[0] = "da 0 a 5";
    Locazione[1] = "da 6 a 10";
    Locazione[2] = "da 11 a 15";
    Locazione[3] = "da 16 a 20";
    
    function getSelected(select) {
        // recupero valore selezionato
        return select.options[select.selectedIndex].value;
    }
    
    function getElement(id)  {
        // recupero l'elemento
        return document.getElementById(id);
    }
    function popolaSelect(select,opt) {
        // scelgo l'array
        switch (opt) {
            case '1':
                var arr = Vendita;
                break;
            case '2':
                var arr = Locazione;
                break;
            default:
                return;
                break;
        }
        // azzero le option            
        select.options.length = 1;
        // creo le option in base agli elementi degli array       
        for(var i=0; i<arr.length; i++) {                              
            // creo la option
            select.options[select.options.length] = new Option(arr[i],i);        
        }
    }
</script>

<form action="" method="POST">
    <select name="tipo" id="tipo" onchange="popolaSelect(getElement('prezzi'),getSelected(this))">
        <option value="0"></option>
        <option value="1">Vendita</option>
        <option value="2">Locazione</option>
    </select>
    <select name="scelte" id="prezzi">

    </select>
</form>


Mi ero dimenticato degli apici. Appena aggiunti
 
Ultima modifica:

tivovi74

Utente Attivo
31 Gen 2012
58
1
8
Grazie, ho provato ad inserire il codice che mi hai girato, ma non succede nulla.
ti posto il codice che ho inserito, per favore potresti aiutarmi nel trovare cosa non va?
lo script di javascript l'ho inserito all'interno del div del form, forse non è quello il posto.....
HTML:
<script type="text/javascript">
    var Vendita = new Array();
    Vendita[0] = "da 0 a 50";
    Vendita[1] = "da 51 a 100";
    Vendita[2] = "da 101 a 150";
    Vendita[3] = "da 151 a 201";
    
    var Locazione = new Array();
    Locazione[0] = "da 0 a 5";
    Locazione[1] = "da 6 a 10";
    Locazione[2] = "da 11 a 15";
    Locazione[3] = "da 16 a 20";
    
    function getSelected(select) {
        // recupero valore selezionato
        return select.options[select.selectedIndex].value;
    }
    
    function getElement(id)  {
        // recupero l'elemento
        return document.getElementById(id);
    }
    function popolaSelect(select,opt) {
        // scelgo l'array
        switch (opt) {
            case 1:
                var arr = Vendita;
                break;
            case 2:
                var arr = Locazione;
                break;
            default:
                return;
                break;
        }
        // azzero le option            
        select.options.length = 1;
        // creo le option in base agli elementi degli array       
        for(var i=0; i<arr.length; i++) {                              
            // creo la option
            select.options[select.options.length] = new Option(arr[i],i);        
        }
    }
</script>
  <form id="ricerca" name="ricerca" method="post" action="http://www.faispazio.it/provaricerca.php" class="tabellaform">   
    <table width="500" border="0" cellspacing="1">
  <tr>
    <td width="100"><label for="tipologia">Tipologia:</label></td>
    <td width="140"> <select name="tipologia" size="1" id="tipologia" tabindex="1" title="tipologia">
        <option selected="selected">tutte</option>
        <option value="abitazione">abitazione</option>
        <option value="ufficio">ufficio</option>
        <option value="negozio">negozio</option>
        <option value="magazzino">magazzino</option>
        <option value="box">box auto</option>
      </select></td>
    <td width="100"><label for="zona">Zona:</label></td>
    <td width="140"><select name="zona" size="1" id="zona" tabindex="2" title="zona">
      <option selected="selected">tutte</option>
      <option value="centro storico">centro storico</option>
      <option value="zona universitaria">zona universitaria</option>
      &nbsp;</select></td>
  </tr>
  <tr>
    <td><label for="mq">Metri quadri:</label></td>
    <td><input name="mq" type="text" id="mq" tabindex="3" title="mq" size="10" maxlength="10" /></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td><label for="contratto">Tipo contratto:</label></td>
    <td><select name="contratto" id="contratto" onchange="popolaSelect(getElement('prezzi'),getSelected(this))">
        <option value="0"></option>
        <option value="1" selected="selected">Vendita</option>
        <option value="2">Locazione</option>
    </select></td>
    <td><label for="prezzo">Prezzo:</label></td>
    <td><select name="prezzo" id="prezzi">
    </select></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input name="submit" type="submit" id="submit" tabindex="6" title="submit" value="invia" /></td>
  </tr>
</table>
</form>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
avevo fatto una modifica

devi mettere gli apici sui numeri nello switch

prova a ricopiare il codice o aggiungili a mano
 

tivovi74

Utente Attivo
31 Gen 2012
58
1
8
Grazie mille, funziona.
ora proverò ad adeguarlo meglio, perchè avevo fatto piccoli cambiamenti.....
Spero di non doverti disturbare più.
 
Discussioni simili
Autore Titolo Forum Risposte Data
F query e form con select multipla PHP 17
T [Javascript] un form con select dinamica che funzioni da menù... Javascript 2
asevenx [PHP] form con select che non invia dati se con apostrofo PHP 4
S [RISOLTO]invio form con select onchange Javascript 2
ciccio1892 Select concatenate con Ajax inviare scelta utente tramite post insieme ad altri dati form PHP 3
asevenx form con input select con valori diversi tra loro PHP 13
G Form di inserimento con data e select PHP 3
M Form con tag select dinamici PHP 33
W [Php - MySql] ricerca con form select diversi PHP 14
S passare un valore da un form a un file .php con metodo post PHP 4
I Form con selettore HTML e CSS 0
G form invio multiplo con checkbox PHP 12
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
G Invio form con PHP PHP 3
M Problema con controllo form in real time jQuery 6
M form con checkbox PHP 8
W Rinominare Documenti Con Form Asp Classic ASP 9
S [PHP] Recupero nome immagine da Form con input file PHP 3
C [PHP] Form con Inserimento dati dalla maschera e un menù a discesa che prende i dati dal db PHP 1
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
E Form inserimento dati con JavaScript Javascript 0
I [PHP] inviare form con allegato tramite una mail PHP 1
P PHP - Leggere una pagina passata con Form e Captcha PHP 0
M [HTML] form con multipli input type image HTML e CSS 1
alessandra86 [PHP] Popolamento database con form ricorsivi - problema array (foreach ) PHP 5
U [PHP] Form stessa pagina con qualche complicazione PHP 0
S [PHP] form con metodo get e recupero id PHP 4
michela90 [PHP] Refresh page on submit - Form con Swiftmailer PHP 14
Emix Problema con creazione form css/mobile HTML e CSS 3
G [PHP] FORM INVIO VALORI A QUERY CON TRE CONDIZIONI PHP 2
L Scelta form con jquery jQuery 1
F [PHP] Validare form prenotazione appuntamento tattoo con upload image PHP 0
S Html con form e action .php PHP 6
bubino8 [PHP] Auto Submit form con dati PHP 7
W Consiglio su gestione di un form con XMLHttpRequest Ajax 0
Matteo Lorenzon [PHP][WORDPRESS] Form in Wordpress, creazione PDF con dati del form ed invio tramite email WordPress 1
zammaeng [PHP] Problema form con lista PHP 8
B INSERIRE DATI CON IMMAGINE DA FORM IN MYSQL MySQL 7
V [PHP] Form con elenco a tendina con dati DB PHP 20
A [HTML] form con campi dinamici. HTML e CSS 1
SimooRu [PHP] Non riesco a far passare i dati con i form PHP 4
S [PHP] Form iscrizione senza DB con comandi deprecated PHP 10
Fuego2806 Stampare dati Form su immagine di sfondo con html HTML e CSS 1
Fuego2806 [PHP] Stampare dati Form su immagine di sfondo con html PHP 70
C [PHP] Upload immagine in un form con target _blank: non funziona PHP 7
G validazione form con div tipo alert jQuery 0
M form php con checkbox PHP 4
D form php con chapta PHP 1
I Form/aree di testo con input da lista di nomi!Chiedo aiuto!! HTML e CSS 3
P invio mail da form con dati php PHP 7

Discussioni simili