Autore Topic: Riempire caselle dropdown collegate fra loro in Chronoforms. (Letto 74987 volte)

danielino_bynight · « **Risposta #20 il:** 25 Nov 2010, 21:53:04 »

Salve Ragazzi, ho letto il vosto interessantissimo topic e vorrei adattarlo alla mia situazione. Avrei la necessità di creare una form con i seguenti campi:

-giornata
-partita
-squadra
-giocatore
-voto
e infine i pulsanti per fare il submit e il reset.

Come è facile intuire è una form per l'inserimento del voto della prestazione di un giocatore in una data partita (e in aggiunta gli id del team e della giornata, intesa come Prima giornata del Campionato).
Ho a disposizione le seguenti tabelle:

jos_bl_matchday
jos_bl_match
jos_bl_team
jos_bl_player
jos_bl_vote (che ha come campi proprio p_id, t_id, m_id, md_id, vote + un campo chiamato mach_played sempre posto a 1 che mi serve per operazioni come la media o altro).

Vi posto la mia parte HTML dopo averla creata con il Wizard Form.

Codice: [Seleziona]

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Giornata</label>
    <select class="cf_inputbox validate-selection" id="select_0" size="1" title=""  name="matchday">
    <option value="">Choose Option</option>
      <option value="option 1">option 1</option>
<option value="option 2">option 2</option>
<option value="option 3">option 3</option>

    </select>
    
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Partita</label>
    <select class="cf_inputbox validate-selection" id="select_1" size="1" title=""  name="match">
    <option value="">Choose Option</option>
      <option value="option 1">option 1</option>
<option value="option 2">option 2</option>
<option value="option 3">option 3</option>

    </select>
    
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Squadra</label>
    <select class="cf_inputbox validate-selection" id="select_2" size="1" title=""  name="team">
    <option value="">Choose Option</option>
      <option value="option 1">option 1</option>
<option value="option 2">option 2</option>
<option value="option 3">option 3</option>

    </select>
    
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Giocatore</label>
    <select class="cf_inputbox validate-selection" id="select_3" size="1" title=""  name="player">
    <option value="">Choose Option</option>
      <option value="option 1">option 1</option>
<option value="option 2">option 2</option>
<option value="option 3">option 3</option>

    </select>
    
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Voto</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_4" name="Voto" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Inserisci voto" name="button_5" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

Se qualcuno puoi scrivermi il codice Javascript... bhè non saprei come ringraziare.

vales · « **Risposta #21 il:** 28 Nov 2010, 08:55:31 »

Benvenuto in Joomla danielino_bynight

Dovresti indicare quali sono le dropdown da mettere il relazione o forse sono tutte singole dropdown.

stingolo · « **Risposta #22 il:** 11 Dic 2010, 14:18:48 »

Ciao a tutti, premetto che sono un neofita. Ho utilizzato il codice segnalato in questo thread per creare un form, ecco il codice HTML e Javascript:

Codice: [Seleziona]

<!-- inizio codice campi form -->


<div class="form_item">
        <div class="form_element cf_dropdown">
          <div style="clear:both;"><label class="cf_label">Fascia</label>
           
<select id="id_sezione" name="sezione" onfocus="fillCategory();" onChange="SelectCategoria();" class="cf_inputbox validate-selection"  ><Option value="">Seleziona</option>

</select> Giocatori

       <select id="id_categoria" name="categoria" class="cf_inputbox validate-selection" ><Option value="">Seleziona</option>
       
</select>
       
 </div>   
    </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Offerta</label>
    <input class="cf_inputbox required validate-number" maxlength="4" size="2" title="" id="text_1" name="offerta_1" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Invia" name="button_2" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

Codice: [Seleziona]

// JavaScript Document

//questo è il codice da inserire nella TAB Form Code sezione javascript

function fillCategory(){
removeAllOptions(document.getElementById('ChronoContact_Mercato').sezione);


 addOption(document.getElementById('ChronoContact_Mercato').sezione, '1', 'Fascia 84-82');
 addOption(document.getElementById('ChronoContact_Mercato').sezione, '2', 'Fascia 81-79');
 addOption(document.getElementById('ChronoContact_Mercato').sezione, '3', 'Fascia 78-76');
addOption(document.getElementById('ChronoContact_Mercato').sezione, '4', 'Fascia 75-73');
addOption(document.getElementById('ChronoContact_Mercato').sezione, '5', 'Fascia -73');
}

function SelectCategoria(){
// Funzione chiamata dopo la selezione della Sezione - ON or after selection of category this function will work

removeAllOptions(document.getElementById('ChronoContact_Mercato').categoria);
//addOption(document.getElementById('ChronoContact_Mercato').categoria, "", "Seleziona", "");

// Raccoglie tutti gli elementi della categoria per id - Collect all element of subcategory for various id

if (document.getElementById('ChronoContact_Mercato').sezione.value == '1'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'CHAMACK 82 84-82 A Arsenal');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'DONOVAN 83 84-82 A l.a. galaxy');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'GONZALEZ 82 84-82 C O. Marsiglia');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'4', 'PIZARRO 82 84/82 A Werder Brema');
}

 if (document.getElementById('ChronoContact_Mercato').sezione.value == '2'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'ABIDAL 79 81/79 D barcellona');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'BARRY 79 81-79 C Manchester City');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'BENAGLIO 81 81-79 P Wolfsburg');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'4', 'BYSTROV 79 81/79 A Zenit');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'CAHILL 80 81-79 C everton');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'CHEYROU 79 81/79 C Marsiglia');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'DIABY 79 81-79 C Arsenal');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 'FARFAN 81 81-79 A Schalke 04');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'HENRY 81 81-79 A New York');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'MONTOLIVO 81 81/79 C fiorentina');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11',
'VAN BUYTEN 80 81-79 D bayern monaco');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'CISSE 80 81/79 A Panathinaikos');
}

 if (document.getElementById('ChronoContact_Mercato').sezione.value == '3'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'ABATE 76 78-76 C Milan');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'ALBIN 77 78-76 c getafe');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'ALMUNIA 77 78-76 P arsenal');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'4',
'BECK 76 78-76 D 1989 hoffenheim');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'BIABIANY 77 78-76 A inter 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'BODMER 78 78/76 C psg');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'BURDISSO 78 78/76 D roma ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 
'CRIS 78 78-76 D LIONE');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'D AGOSTINO 78 78-76 C Fiorentina');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'EMANA 78 78-76 C SIVIGLIA');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11', 'FUCILE 76 78-76 D Porto');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'GOMIS 77 78/76 A Lione');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'13', 'HEITINGA 78 78-76 D everton');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'14', 'HENGBART 76 78-76 D Auxerre');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'15', 'ISAAKSSON 77 78-76 P PSV Eindoven');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'16', 'JAVI GARCIA 77 78-76 C benfica');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'17', 'KAZIM KAZIM 77 78-76 A Fenerbahce');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'18', 'LANZAFAME 76 78-76 A Juventus');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'19', 'LEGROTTAGLIE 76 78-76 D Juventus');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'20', 'LUCAS 78 78-76 C Liverpool');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'21', 'MAKOUN 78 78-76 C Lione');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'22', 'MILLER 78 78-76 A ranger');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'23', 'MOLINARO 76 78-76 D Stoccarda');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'24', 'PERROTTA 78 78-76 C Roma');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'25', 'REVELLEIRE 78 78-76 D Lione');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'26', 'ROLANDO 76 78/76 D');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'27', 'SAMBA 77 78-76 D blackburn rover');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'28', 'SISSOKO 76 78-76 C tolosa');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'29', 'SUBOTIC 78 78/76 D B.Dortmund');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'30', 'TREZEGUET 78 78-76 A hercules');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'31', 
'VAN DER WIEL 77 78-76 D Ajax 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'32', 'VELA 77 78-76 A Arsenal');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'33', 'VIEIRA 77 78-76 C Manchester city');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'34', 'ZABALETA 78 78-76 D Manchester city');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'35', 'ZAMBROTTA 76 78-76 D Milan');
}
 if (document.getElementById('ChronoContact_Mercato').sezione.value == '4'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'ACQUAFRESCA 75 75-73 A Cagliari');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'ALMEYDA 73 75-73 C River Plate');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'AMELCHENKO 74 75-73 P fc.rostov');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'4',
'AOGO 75 75-73 D Amburgo');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'AROUCA 74 75-73 C Santos');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'BADSTUBER 75 75-73 D bayern monaco');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'BENITEZ 75 75-73 A Santos Laguna');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 
'BIZARRI 73 75/73 P lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'CANA 75 75-73 C Galatasaray');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'CANDREVA 75 75-73 C Parma');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11', 'CARRIZO 75 75-73 P river plate');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'CHIMBONDA 74 75-73 D Blackburn');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'13', 'COLTORTI 73 75/73 p R.Racing Club');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'14', 'CORTES 73 75/73 D');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'15', 'COSTANZO 75 75/73 P Basilea');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'16', 'CRESPO 73 75-73 A PARMA 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'17', 'CUDICINI 75 75-73 P Tottenham');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'18', 'DAGOBERTO 75 75-73 A san paolo');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'19', 'DAINELLI 75 75-73 D Genoa');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'20', 'DAVIES 74 75-73 A Sochuax');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'21', 'DESSENA 75 75-73 C Sampdoria');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'22', 'DIAMANTI 74 75-73 C Brescia ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'23', 'DIOP P 75 75-73 C AEK Atene 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'24', 'DONATI 73 75-73 C Bari ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'25', 'DONI 75 75-73 p roma');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'26', 'DRENTHE 73 75-73 C HERCULES');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'27', 'DROGUETT 73 75/73 C monarcas ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'28', 'ELISEU 74 75-73 A malaga ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'29', 'ENGELAAR 75 75/73 C psv ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'30', 'EVALDO 75 75-73 D Sporting Lisbon');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'31', 
'FER 73 75/73 C feyenord ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'32', 'FERNANDINHO 74 75/73 A San paolo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'33', 'FOGGIA 75 75-73 C Lazio ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'34', 'GARCIA 73 75-73 C Paok ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'35', 'GIACCHERINI 73 75-73 C Cesena ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'36', 'GIBSON 75 75-73 C Manchester Utd ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'37', 'GROSSO 73 75-73 D juventus ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'38', 'GUARENTE 75 75-73 C sevilla ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'39',
'HINKEL 74 75-73 D Celtic ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'40', 'HOILETT 74 75-73 A Blackburn');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'41', 'INSUA 75 75-73 D Galatasaray ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'42', 'INZAGHI 75 75/73 A milan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'43', 
'JUNIOR CESAR 74 75-73 D San Paolo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'44', 'KADLEC 74 75-73 D');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'45', 'KAGAWA 75 75-73 C b.dormunt ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'46', 'KONCHESKY 75 75-73 D ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'47', 'LEDESMA 75 75-73 C Lazio ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'48', 'LICHTSTEINER 75 75-73 D Lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'49', 'LLAMA 75 75-73 C Catania ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'50', 'MAICON 73 75-73 A LOKOMOTIV ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'51', 'MAKUKULA 75 75-73 A maniaspor ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'52', 'MANCINI 74 75-73 A inter ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'53', 'MANNINGER 74 75/73 P Juventus ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'54', 'MASCARA 75 75-73 A catania ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'55', 'MATUIDI 74 75-73 A ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'56', 'MAURI 75 75-73 C lazio ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'57', 'MOISES 75 75/73 D sc braga ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'58', 'MONDRAGON 75 75-73 P');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'59', 'N GOG 75 75-73 A liverpool ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'60', 'NOBOA 75 75-73 C Rubin Kazan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'61', 'NOCERINO 74 75-73 C PALERMO ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'62', 'OTAMENDI 74 75-73 D Porto ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'63', 'PEDRO MENDES 75 75/73 C sporting ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'64', 'PINILLA 75 75-73 A Palermo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'65', 'PITROIPA 74 75/73 A Amburgo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'66', 
'POLGA 75 75-73 D Sp.Lisbona ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'67', 'REVER 75 75/73 D atl. miniero ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'68', 'RODRIGUEZ 75 75-73 D Braga ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'69', 'ROLFES 75 75-73 C Leverkusen ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'70', 'RUNJE 75 75/73 P lens ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'71', 'SANTACROCE 73 75-73 D Napoli ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'72', 'SARIOGLU 75 75/73 D galatasaray ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'73', 'USTARI 75 75-73 P GETAFE ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'74', 
'VILAR 75 75-73 P Monarcas ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'75', 'VORSAH 75 75-73 D hoffenheim ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'76', 'ZELAO 75 75-73 D ramenskoye');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'77', 'ZABALETA 78 78-76 D Manchester city');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'78', 'ZIGIC 75 75-73 A birmingham ');
}

 if (document.getElementById('ChronoContact_Mercato').sezione.value == '5'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'AGAZZI 69 -73 P cagliari ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'ANGWBA 69 -73 D S.Ramenskoye ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'ANITA 71 -73 D AJAX 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'4',
'ANTONIO FERREIRA 72 -73 D terek grozny');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'ANTONIOLI 70 -73 P Cesena ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'ARLAUSKIS 72 -73 P Rubin Kazan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'BACINOVIC 65 -73 c palermo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 
'BALBOA 70 -73 C Benfica ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'BALCI 70 -73 A ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'BEGOVIC 72 -73 P Stoke City ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11', 'CAMACHO 71 -73 C Atletico Madrid');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'CAMPBELL F 73 -73 A Sunderland ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'13', 'CAMPOS 72 -73 D Atl.Mineiro ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'14', 'CAVANDA 71 -73 D lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'15', 'CICINHO 70 -73 D ROMA ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'16', 'CONTENTO 68 -73 D Bayern monaco ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'17', 'COPA 72 -73 P Lokeren ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'18', 'D.CHA 72 -73 D Celtic ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'19', 'DARMIAN 64 -73 D palermo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'20', 'DE CEGLIE 72 -73 D Juventus ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'21', 'DE LUCIA 70 -73 P Livorno ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'22', 'DE SILVESTRI 72 -73 D Fiorentina  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'23', 'DOS SANTOS 72 -73 A Barcellona');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'24', 'EARNSHAW 72 -73 A Nottingham F. ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'25', 'ESTEBAN 72 -73 P Almeria ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'26', 'GARCIA 72 -73 P boca junior ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'27', 'GONZALEZ 72 -73 C lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'28', 'GUALTA 72 -73 P VALENCIA  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'29', 'HERNANDEZ 72 -73 A monarcas ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'30', 'IEZZO 71 -73 P Napoli ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'31', 
'ILICIC 72 -73 C palermo  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'32', 'JEAN 72 -73 C ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'33', 'JOAO SILVA 73 -73 A Everton ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'34', 'JORGESSEN D 72 -73 D copenaghen ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'35', 'KALADZE 72 -73 D Genoa');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'36', 'KOVACS 70 -73 A lierse sk ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'37', 'LACAZETTE 71 -73 A Lione ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'38', 'LARSSON D 69 -73 A malmo f f ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'39',
'LEITGEB 72 -73 C salisburgo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'40', 'LEONI 72 -73 P zurigo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'41', 'MARCIO ARZEVEDO 71 -73 D atl. paranaense');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'42', 'MIGUEL LOPES 72 -73 D Betis Siviglia ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'43', 
'MODESTO 72 -73 C olympiakos ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'44', 'ODDO 73 73 D Milan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'45', 'ORLANDONI 69 -73 P inter  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'46', 'OWUSY-ABEYE 72 -73 A Malaga  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'47', 'PADELLI 65 -73 P Bari  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'48', 'PARA 72 -73 D santos ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'49', 'PELIZZOLI 70 -73 P CAGLIARI 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'50', 'PISANO 71 -73 D Parma  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'51', 'PRIB 60 -63 C greuther furth 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'52', 'RAFAEL 72 -73 P SANTOS ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'53', 'RICARDO JESUS 72 -73 A Spartak Nalchik');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'54', 'RICHARDSON 72 -73 D Sunderland ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'55', 'RIOU 72 -73 P Auxerre ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'56', 'SALINO 72 -73 C SC BRAGA ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'57', 'SCHENNIKOV 71 -73 D Cska Mosca');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'58', 'SERIGNHO 72 -73 C atletico minero ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'59', 'SHELTON 72 -73 A VALERENGA');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'60', 'SOUGOU 72 -73 A academica ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'61', 'TETTEY 72 -73 C rennes ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'62', 'TITON 73 -73 P roda jc  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'63', 'TORNES 60 -73 P brondby ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'64', 'VANNEGOOR OF HESS 72 -73 A RAPID ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'65', 'WYNNE 64 -73 D ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'66', 
'ZAPATA 73 -73 D Udinese');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'67', 'ZAPATER 70 -73 C Sportig Lisbona');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'68', 'ZEBINA 71 73 D Brescia');
}
}
//////////////////

function removeAllOptions(selectbox)
{
   var i;
   for(i=selectbox.options.length-1;i>=1;i--)
   {
      selectbox.options[i]=null;
      //selectbox.remove(i);
   }
}


function addOption(selectbox, value, text )
{
   var optn = document.createElement("option");
       
        optn.text = text;
   optn.value = value;

   selectbox.options.add(optn);
          //selectbox.appendChild(optn,where);

}

Ora, il form funziona perfettamente, ma quando scrive i dati nella tabella che ho creato nel database, nei campi "sezione" e "categoria" appare l'id e non la voce selzionata dall'l'utente che compila.
Dove sbaglio?

Spero di essere stato chiaro e attendo un vs aiuto

Grazie

vales · « **Risposta #23 il:** 11 Dic 2010, 16:37:39 »

Devi modificare ancora il javascript sostituendo il valore numerico dell'id con le descrizioni.

esempio la prima function diviene così, nella seconda ho modificato solo la prima categoria le altre devi modificarle con la stessa modalità sia nella if che nelle option.

Codice: [Seleziona]

// JavaScript Document

//questo è il codice da inserire nella TAB Form Code sezione javascript

function fillCategory(){
removeAllOptions(document.getElementById('ChronoContact_Mercato').sezione);


 addOption(document.getElementById('ChronoContact_Mercato').sezione, 'Fascia 84-82', 'Fascia 84-82');
 addOption(document.getElementById('ChronoContact_Mercato').sezione,  'Fascia 81-79', 'Fascia 81-79');
 addOption(document.getElementById('ChronoContact_Mercato').sezione, 'Fascia 78-76', 'Fascia 78-76');
 addOption(document.getElementById('ChronoContact_Mercato').sezione, 'Fascia 75-73', 'Fascia 75-73');
 addOption(document.getElementById('ChronoContact_Mercato').sezione, 'Fascia -73', 'Fascia -73');
}

function SelectCategoria(){
// Funzione chiamata dopo la selezione della Sezione - ON or after selection of category this function will work

removeAllOptions(document.getElementById('ChronoContact_Mercato').categoria);
//addOption(document.getElementById('ChronoContact_Mercato').categoria, "", "Seleziona", "");

// Raccoglie tutti gli elementi della categoria per id - Collect all element of subcategory for various id

if (document.getElementById('ChronoContact_Mercato').sezione.value == 'Fascia 84-82'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria, 'CHAMACK 82 84-82 A Arsenal', 'CHAMACK 82 84-82 A Arsenal');
 addOption(document.getElementById('ChronoContact_Mercato').categoria, 'DONOVAN 83 84-82 A l.a. galaxy', 'DONOVAN 83 84-82 A l.a. galaxy');
 addOption(document.getElementById('ChronoContact_Mercato').categoria, 'GONZALEZ 82 84-82 C O. Marsiglia', 'GONZALEZ 82 84-82 C O. Marsiglia');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'PIZARRO 82 84/82 A Werder Brema', 'PIZARRO 82 84/82 A Werder Brema');
}

 if (document.getElementById('ChronoContact_Mercato').sezione.value == '2'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'ABIDAL 79 81/79 D barcellona');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'BARRY 79 81-79 C Manchester City');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'BENAGLIO 81 81-79 P Wolfsburg');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'4', 'BYSTROV 79 81/79 A Zenit');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'CAHILL 80 81-79 C everton');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'CHEYROU 79 81/79 C Marsiglia');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'DIABY 79 81-79 C Arsenal');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 'FARFAN 81 81-79 A Schalke 04');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'HENRY 81 81-79 A New York');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'MONTOLIVO 81 81/79 C fiorentina');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11',
'VAN BUYTEN 80 81-79 D bayern monaco');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'CISSE 80 81/79 A Panathinaikos');
}

 if (document.getElementById('ChronoContact_Mercato').sezione.value == '3'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'ABATE 76 78-76 C Milan');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'ALBIN 77 78-76 c getafe');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'ALMUNIA 77 78-76 P arsenal');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'4',
'BECK 76 78-76 D 1989 hoffenheim');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'BIABIANY 77 78-76 A inter 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'BODMER 78 78/76 C psg');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'BURDISSO 78 78/76 D roma ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 
'CRIS 78 78-76 D LIONE');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'D AGOSTINO 78 78-76 C Fiorentina');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'EMANA 78 78-76 C SIVIGLIA');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11', 'FUCILE 76 78-76 D Porto');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'GOMIS 77 78/76 A Lione');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'13', 'HEITINGA 78 78-76 D everton');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'14', 'HENGBART 76 78-76 D Auxerre');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'15', 'ISAAKSSON 77 78-76 P PSV Eindoven');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'16', 'JAVI GARCIA 77 78-76 C benfica');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'17', 'KAZIM KAZIM 77 78-76 A Fenerbahce');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'18', 'LANZAFAME 76 78-76 A Juventus');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'19', 'LEGROTTAGLIE 76 78-76 D Juventus');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'20', 'LUCAS 78 78-76 C Liverpool');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'21', 'MAKOUN 78 78-76 C Lione');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'22', 'MILLER 78 78-76 A ranger');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'23', 'MOLINARO 76 78-76 D Stoccarda');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'24', 'PERROTTA 78 78-76 C Roma');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'25', 'REVELLEIRE 78 78-76 D Lione');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'26', 'ROLANDO 76 78/76 D');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'27', 'SAMBA 77 78-76 D blackburn rover');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'28', 'SISSOKO 76 78-76 C tolosa');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'29', 'SUBOTIC 78 78/76 D B.Dortmund');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'30', 'TREZEGUET 78 78-76 A hercules');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'31', 
'VAN DER WIEL 77 78-76 D Ajax 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'32', 'VELA 77 78-76 A Arsenal');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'33', 'VIEIRA 77 78-76 C Manchester city');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'34', 'ZABALETA 78 78-76 D Manchester city');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'35', 'ZAMBROTTA 76 78-76 D Milan');
}
 if (document.getElementById('ChronoContact_Mercato').sezione.value == '4'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'ACQUAFRESCA 75 75-73 A Cagliari');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'ALMEYDA 73 75-73 C River Plate');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'AMELCHENKO 74 75-73 P fc.rostov');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'4',
'AOGO 75 75-73 D Amburgo');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'AROUCA 74 75-73 C Santos');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'BADSTUBER 75 75-73 D bayern monaco');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'BENITEZ 75 75-73 A Santos Laguna');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 
'BIZARRI 73 75/73 P lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'CANA 75 75-73 C Galatasaray');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'CANDREVA 75 75-73 C Parma');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11', 'CARRIZO 75 75-73 P river plate');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'CHIMBONDA 74 75-73 D Blackburn');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'13', 'COLTORTI 73 75/73 p R.Racing Club');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'14', 'CORTES 73 75/73 D');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'15', 'COSTANZO 75 75/73 P Basilea');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'16', 'CRESPO 73 75-73 A PARMA 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'17', 'CUDICINI 75 75-73 P Tottenham');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'18', 'DAGOBERTO 75 75-73 A san paolo');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'19', 'DAINELLI 75 75-73 D Genoa');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'20', 'DAVIES 74 75-73 A Sochuax');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'21', 'DESSENA 75 75-73 C Sampdoria');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'22', 'DIAMANTI 74 75-73 C Brescia ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'23', 'DIOP P 75 75-73 C AEK Atene 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'24', 'DONATI 73 75-73 C Bari ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'25', 'DONI 75 75-73 p roma');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'26', 'DRENTHE 73 75-73 C HERCULES');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'27', 'DROGUETT 73 75/73 C monarcas ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'28', 'ELISEU 74 75-73 A malaga ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'29', 'ENGELAAR 75 75/73 C psv ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'30', 'EVALDO 75 75-73 D Sporting Lisbon');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'31', 
'FER 73 75/73 C feyenord ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'32', 'FERNANDINHO 74 75/73 A San paolo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'33', 'FOGGIA 75 75-73 C Lazio ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'34', 'GARCIA 73 75-73 C Paok ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'35', 'GIACCHERINI 73 75-73 C Cesena ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'36', 'GIBSON 75 75-73 C Manchester Utd ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'37', 'GROSSO 73 75-73 D juventus ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'38', 'GUARENTE 75 75-73 C sevilla ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'39',
'HINKEL 74 75-73 D Celtic ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'40', 'HOILETT 74 75-73 A Blackburn');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'41', 'INSUA 75 75-73 D Galatasaray ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'42', 'INZAGHI 75 75/73 A milan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'43', 
'JUNIOR CESAR 74 75-73 D San Paolo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'44', 'KADLEC 74 75-73 D');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'45', 'KAGAWA 75 75-73 C b.dormunt ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'46', 'KONCHESKY 75 75-73 D ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'47', 'LEDESMA 75 75-73 C Lazio ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'48', 'LICHTSTEINER 75 75-73 D Lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'49', 'LLAMA 75 75-73 C Catania ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'50', 'MAICON 73 75-73 A LOKOMOTIV ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'51', 'MAKUKULA 75 75-73 A maniaspor ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'52', 'MANCINI 74 75-73 A inter ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'53', 'MANNINGER 74 75/73 P Juventus ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'54', 'MASCARA 75 75-73 A catania ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'55', 'MATUIDI 74 75-73 A ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'56', 'MAURI 75 75-73 C lazio ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'57', 'MOISES 75 75/73 D sc braga ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'58', 'MONDRAGON 75 75-73 P');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'59', 'N GOG 75 75-73 A liverpool ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'60', 'NOBOA 75 75-73 C Rubin Kazan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'61', 'NOCERINO 74 75-73 C PALERMO ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'62', 'OTAMENDI 74 75-73 D Porto ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'63', 'PEDRO MENDES 75 75/73 C sporting ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'64', 'PINILLA 75 75-73 A Palermo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'65', 'PITROIPA 74 75/73 A Amburgo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'66', 
'POLGA 75 75-73 D Sp.Lisbona ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'67', 'REVER 75 75/73 D atl. miniero ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'68', 'RODRIGUEZ 75 75-73 D Braga ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'69', 'ROLFES 75 75-73 C Leverkusen ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'70', 'RUNJE 75 75/73 P lens ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'71', 'SANTACROCE 73 75-73 D Napoli ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'72', 'SARIOGLU 75 75/73 D galatasaray ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'73', 'USTARI 75 75-73 P GETAFE ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'74', 
'VILAR 75 75-73 P Monarcas ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'75', 'VORSAH 75 75-73 D hoffenheim ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'76', 'ZELAO 75 75-73 D ramenskoye');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'77', 'ZABALETA 78 78-76 D Manchester city');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'78', 'ZIGIC 75 75-73 A birmingham ');
}

 if (document.getElementById('ChronoContact_Mercato').sezione.value == '5'){
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'1', 'AGAZZI 69 -73 P cagliari ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'2', 'ANGWBA 69 -73 D S.Ramenskoye ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'3', 'ANITA 71 -73 D AJAX 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'4',
'ANTONIO FERREIRA 72 -73 D terek grozny');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'5', 'ANTONIOLI 70 -73 P Cesena ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'6', 'ARLAUSKIS 72 -73 P Rubin Kazan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'7', 'BACINOVIC 65 -73 c palermo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'8', 
'BALBOA 70 -73 C Benfica ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'9', 'BALCI 70 -73 A ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'10', 'BEGOVIC 72 -73 P Stoke City ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'11', 'CAMACHO 71 -73 C Atletico Madrid');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'12', 'CAMPBELL F 73 -73 A Sunderland ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'13', 'CAMPOS 72 -73 D Atl.Mineiro ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'14', 'CAVANDA 71 -73 D lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'15', 'CICINHO 70 -73 D ROMA ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'16', 'CONTENTO 68 -73 D Bayern monaco ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'17', 'COPA 72 -73 P Lokeren ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'18', 'D.CHA 72 -73 D Celtic ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'19', 'DARMIAN 64 -73 D palermo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'20', 'DE CEGLIE 72 -73 D Juventus ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'21', 'DE LUCIA 70 -73 P Livorno ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'22', 'DE SILVESTRI 72 -73 D Fiorentina  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'23', 'DOS SANTOS 72 -73 A Barcellona');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'24', 'EARNSHAW 72 -73 A Nottingham F. ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'25', 'ESTEBAN 72 -73 P Almeria ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'26', 'GARCIA 72 -73 P boca junior ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'27', 'GONZALEZ 72 -73 C lazio');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'28', 'GUALTA 72 -73 P VALENCIA  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'29', 'HERNANDEZ 72 -73 A monarcas ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'30', 'IEZZO 71 -73 P Napoli ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'31', 
'ILICIC 72 -73 C palermo  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'32', 'JEAN 72 -73 C ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'33', 'JOAO SILVA 73 -73 A Everton ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'34', 'JORGESSEN D 72 -73 D copenaghen ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'35', 'KALADZE 72 -73 D Genoa');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'36', 'KOVACS 70 -73 A lierse sk ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'37', 'LACAZETTE 71 -73 A Lione ');
 addOption(document.getElementById('ChronoContact_Mercato').categoria,'38', 'LARSSON D 69 -73 A malmo f f ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'39',
'LEITGEB 72 -73 C salisburgo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'40', 'LEONI 72 -73 P zurigo ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'41', 'MARCIO ARZEVEDO 71 -73 D atl. paranaense');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'42', 'MIGUEL LOPES 72 -73 D Betis Siviglia ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'43', 
'MODESTO 72 -73 C olympiakos ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'44', 'ODDO 73 73 D Milan ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'45', 'ORLANDONI 69 -73 P inter  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'46', 'OWUSY-ABEYE 72 -73 A Malaga  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'47', 'PADELLI 65 -73 P Bari  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'48', 'PARA 72 -73 D santos ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'49', 'PELIZZOLI 70 -73 P CAGLIARI 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'50', 'PISANO 71 -73 D Parma  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'51', 'PRIB 60 -63 C greuther furth 1');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'52', 'RAFAEL 72 -73 P SANTOS ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'53', 'RICARDO JESUS 72 -73 A Spartak Nalchik');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'54', 'RICHARDSON 72 -73 D Sunderland ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'55', 'RIOU 72 -73 P Auxerre ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'56', 'SALINO 72 -73 C SC BRAGA ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'57', 'SCHENNIKOV 71 -73 D Cska Mosca');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'58', 'SERIGNHO 72 -73 C atletico minero ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'59', 'SHELTON 72 -73 A VALERENGA');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'60', 'SOUGOU 72 -73 A academica ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'61', 'TETTEY 72 -73 C rennes ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'62', 'TITON 73 -73 P roda jc  ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'63', 'TORNES 60 -73 P brondby ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'64', 'VANNEGOOR OF HESS 72 -73 A RAPID ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'65', 'WYNNE 64 -73 D ');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'66', 
'ZAPATA 73 -73 D Udinese');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'67', 'ZAPATER 70 -73 C Sportig Lisbona');
addOption(document.getElementById('ChronoContact_Mercato').categoria,'68', 'ZEBINA 71 73 D Brescia');
}
}
//////////////////

function removeAllOptions(selectbox)
{
   var i;
   for(i=selectbox.options.length-1;i>=1;i--)
   {
      selectbox.options[i]=null;
      //selectbox.remove(i);
   }
}


function addOption(selectbox, value, text )
{
   var optn = document.createElement("option");
       
        optn.text = text;
   optn.value = value;

   selectbox.options.add(optn);
          //selectbox.appendChild(optn,where);

}

stingolo · « **Risposta #24 il:** 11 Dic 2010, 18:32:16 »

Ti ringrazio molto vales per la pronta risposta, provato e perfettamente funzionante!

Grazie 1000

xzero2 · « **Risposta #25 il:** 27 Gen 2011, 18:40:03 »

Citazione da: vales - 19 Feb 2010, 00:43:02

Uno dei problemi da risolvere in un form è spesso il riempimento di caselle dropdown con i valori memorizzati in tabelle di database. Spesso insieme a questa necessità c'è anche quella che la seconda casella dropdown sia in funzione della scelta operata nella prima casella.

Esempio di questo sono il valori delle sezioni e categorie di Joomla dove le seconde appartengono ad una sezione oppure il caso classico di provincie e comuni.

In questi casi occorre che nella prima casella compiuta la scelta della sezione o provincia e nella seconda casella siano resi disponibili i valori delle categorie appartenenti alla sezione oppure i comuni appartenenti alla provincia.

Si può fare questa cosa il vari modi con l'uso misto di PHP, javascript o Ajax. Dopo aver ricercato a giro varie soluzioni ho optato per questa, adattata a Chonoforms, che mi sembra molto flessibile e gestibile in varie varianti.

Si tratta di un codice Javascript generato con l'aiuto di PHP per le parti dinamiche che variano a seconda della scelta.
Il codici seguenti sono stati collaudati sia con Chronoforms e con Chronoconnectivity in alcune applicazioni che ho realizzato (es. Albo Pretorio On Line discusso in altro topic del forum).

Ecco il blocchi di codice funzionanti per le tabelle sezioni e categorie di Joomla, ma che potranno essere adattati ad altri casi.

Codice da inserire nella sezione Form Html

Codice: [Seleziona]
 <div class="form_item"> <div class="form_element cf_dropdown"> <div style="clear:both;"><label class="cf_label">Sezioni</label> <select name="id_sezione" onChange="SelectCategoria();" class="cf_inputbox validate-selection" ><Option value="">Seleziona</option> </select> Categorie <select id="id_categoria" name="categoria" class="cf_inputbox validate-selection" ><Option value="">Seleziona</option> </select> </div> </div> <div class="cfclear"> </div> </div> <div class="form_item"> <div class="form_element cf_button"> <input value="Invia" name="button_1" type="submit" /><input type="reset" name="reset" value="Reset"/> </div> <div class="cfclear"> </div> </div>

Codice da inserire nella sezione Form Javascript

Codice: [Seleziona]
<?php //questo è il codice da inserire nella TAB Form Code sezione javascript echo "function fillCategory(){ "; // questa funzione è usata per riempire le sezioni al caricamento $db =& JFactory::getDBO(); $query = " SELECT `id`,`title` FROM `#__sections` ORDER BY `title` "; $db->setQuery($query); $nomes = $db->loadAssocList(); foreach ( $nomes as $nt1 ) { echo "\n addOption(document.ChronoContact_nome_vostro_form .id_sezione, '".$nt1['id']."', '".$nt1['title']."'); "; } echo "\n}"; // fine della funzione Javascript - end of JS function ?> function SelectCategoria(){ // Funzione chiamata dopo la selezione della Sezione removeAllOptions(document.ChronoContact_nome_vostro_form .id_categoria); //addOption(document.ChronoContact_nome_vostro_form .id_categoria, "", "Seleziona", ""); // Raccoglie tutti gli elementi della categoria per id <?php $query= " SELECT distinct(id) FROM `#__sections`"; $db->setQuery($query); $nomes = $db->loadAssocList(); $nome_options = ""; // inizio ciclo sezioni foreach ( $nomes as $nt2 ) { echo "\n if(document.ChronoContact_nome_vostro_form .id_sezione.value == '".$nt2['id']."'){ "; $query= " SELECT `id`,`title` FROM `#__categories` WHERE `section` ='".$nt2['id']."' ORDER BY `title`" ; $db->setQuery($query); $nomes = $db->loadAssocList(); $nome_options = ""; //inizio ciclo categorie foreach ( $nomes as $nt3 ) { echo "\n addOption(document.ChronoContact_nome_vostro_form .id_categoria,'".$nt3['id']."', '".$nt3['title']."'); "; } // fine ciclo categorie echo "\n}"; // fine della if Javascript } // fine loop sezioni ?> } // fine della funzione javascripts ////////////////// function removeAllOptions(selectbox) { var i; for(i=selectbox.options.length-1;i>=1;i--) { selectbox.options[i]=null; //selectbox.remove(i); } } function addOption(selectbox, value, text ) { var optn = document.createElement("OPTION"); optn.text = text; optn.value = value; selectbox.options.add(optn); }

Il codice restituirà i valori id rispettivamente delle tabelle jos_sections e jos_categories nelle variabili del form id_sezione ed id_categoria che sono i campi name delle due caselle.

Il codice è commentato in alcune parti e credo sia facilmente comprensibile.
L'unica cosa da cambiare 5 volte è nome_vostro_form con il nome del form che sarà da voi creato.

Buon uso a tutti.

P.S. Verificato con Firefox, Internet Explorer e Crome.

Ho provato il codice che non fa uso dei database e sono riuscito a farlo funzionare adattandolo alle mie esigenze.

Ma questo qui sopra non mi riesce di farlo funzionare, neanche usandolo pari pari cosi come lo hai scritto, logicamente cambiando 5 volte il nome del form.

Praticamente sezioni e categorie non si popolano.

Le tabelle esistono e sono popolate; dove posso sbagliare ??

Mille grazie per gli esempi che metti sa disposizione .

xzero2

xzero2 · « **Risposta #26 il:** 29 Gen 2011, 09:10:20 »

Ancora non ho trovato una soluzione.

Mi sono creato un form chiamato "nome_vostro_form" cosi da non dover toccare il codice, ma anche cosi non va.

Mi sono fatto un'altra installazione di joomla per fare dei test, installato joomla 1.5.22, ChronoForm v3.2.0 Chronoconnectinity V2rc3 senza patch e com_albopretoriosetup_10RC2 per cercare un form che usi due dropdown collegate;
mi pare di capire che quel sistema è utilizzato in "atto_10" ma il codice javascript è molto diverso e non ho le competenze necessarie per venirne fuori.

qualche aiutino.....

xzero2

xzero2 · « **Risposta #27 il:** 01 Feb 2011, 15:38:58 »

Vales, scusami se ti coinvolgo direttamente;

Mi puoi confermare che il codice inserito sul tuo primo post funziona correttamente, perché io proprio non riesco a farlo andare.

Mi confermi anche che è indipendente dalla patch di chronoconnectivity necessaria ad albo pretorio ?

Io uso ubuntu 10.04 e firefox.

xzero2

vales · « **Risposta #28 il:** 01 Feb 2011, 16:53:38 »

La dropdown proposta nel primo post funziona su chronoforms originale senza patch. E non dovrebbe funzionare con chronoconnectivity poichè fa riferimento al nome del form non alla connessione.

xzero2 · « **Risposta #29 il:** 02 Feb 2011, 07:15:40 »

Effettivamente è quello che avevo capito, però sul mio server locale (lamp) ho installato in una cartella a parte ( indirizzoip/nuovacartella) joomla liscio liscio, poi chronoform , cronoconnectivity, albopretorio.
Poi ho creato una nuova form chiamata ""nome_vostro_form"" e vi ho copiato dentro il tuo codice proposto.

A questo punto, dovrebbe funzionare senza cambiare nulla, eppure a me non va, vedo il form ma i campi non contengono nessuna voce.

xzero2

FraJ · « **Risposta #30 il:** 23 Feb 2011, 17:46:37 »

come chiedevo in un altro post

come si usa in Connectivity?

vales · « **Risposta #31 il:** 23 Feb 2011, 18:36:57 »

Qui troverai una serie di articoli

http://forum.joomla.it/index.php/topic,89142.0.html

FraJ · « **Risposta #32 il:** 23 Feb 2011, 19:09:12 »

vales ti ringrazio ma me li sto studiando da giorni senza venirne a capo

vales · « **Risposta #33 il:** 16 Mar 2011, 16:15:23 »

C'era un problema nel copia incolla del codice del primo post.

Prova con quello che ho modificato ora.

Gnome12 · « **Risposta #34 il:** 28 Mag 2011, 19:16:27 »

Ciao a tutti, riesumo questa discussione.
C'è una guida completa sul come creare una ricerca dropdown regione-provincia-comuni?

Gnome12 · « **Risposta #35 il:** 28 Mag 2011, 21:52:58 »

Ho importato nel DB le tabelle contenenti regioni, province, comuni. Ora che si fa? Non ne ho idea

vales · « **Risposta #36 il:** 28 Mag 2011, 22:24:33 »

prova a guardare questo post.

http://forum.joomla.it/index.php/topic,95733.msg513419.html#msg513419

Gnome12 · « **Risposta #37 il:** 28 Mag 2011, 22:29:19 »

Grazie per la risp vales.
Ho provato ad utilizzare quel codice ma non ho capito questo passaggio:
Ovviamente vanno adattati i nomi delle tabelle ed i nomi dei campi in caso di differenze rispetto a quelli proposti nell'esempio.

le mie tabelle sono costruite così:

Cioè dove devo andare a cambiare i nomi? In tutti e due i codici?

vales · « **Risposta #38 il:** 28 Mag 2011, 22:34:28 »

Nel codice php devi cambiare i nomi di campo che ho usato io con quelli corrispondenti ai nomi dei tuoi presenti nel database che hanno la stessa funzione.

Gnome12 · « **Risposta #39 il:** 28 Mag 2011, 22:41:54 »

<?php

$db =& JFactory::getDBO();

$query = "
SELECT `id`, `regione`
FROM `#__regioni` ORDER BY `regione`";

$db->setQuery($query);
$nomes = $db->loadAssocList();
$option_reg="";
foreach ( $nomes as $v ) {
$selected="";
$id = $v['id'];
$regione = $v['regione'];
if ($id==JRequest::getVar('regione',0,'GET','INT')) {
$selected="selected=\"selected\"";
}

$option_reg.="<option value=\"$id\" $selected>$regione</option>\n";

}

Il mio campo in questo caso è regioni, quindi dove vedo regione sostituisco, giusto? Scusa la demenza...