Input Hiden

[Jeremy78]

Buongiorno a tutti
ho bisogno di un aiutino.

Devo compilare un input nascosto. Vi spiego cosa voglio fare....

Ho un Form dove l'utente deve compilare i vari input per avviare la ricerca.
Ho installato Jquery UI Autocomplete il source è un array scritto in un file esterno, detto questo il mio obbiettivo è il seguente.

L'utente digita e sceglie nel primo input (quello in vista) un aeroporto (es.Roma Ciampino) automaticamente nell'input nascosto mi deve inserire il codice IATA associato (es. CIA ).

Come posso fare ?
Grazie 10000

[cavicchiandrea]

Se ho capito bene potresti usare questo http://jqueryui.com/autocomplete/#remote-jsonp

[Jeremy78]

non proprio....
non devo prendere i dati da remoto ma da un mio array, ma il mio intento è quello di compilare un campo nascosto in relazione a quello che scrivo in un input visibile.
Purtroppo non ho un sito di esempio per farti capire il mio scopo.

[cavicchiandrea]

Il link non voleva essere qualcosa di mirato/dedicato (e non credo che esista) ma solo indicativo, se non hai conoscenze per modificarlo la vedo difficile, in verità potresti anche fare a meno del autocomplete di jquery-ui e farlo in jquery

[Vindav]

L'utente digita e sceglie nel primo input (quello in vista)

cioè? l'input dove hai applicato l'autocomplete?

se è cosi, ti basta usare l'evento select, qualcosa del genere:

...
select: function(event,ui){
  $("#idtuohidden").val(ui.item.value);
}
...

[Jeremy78]

cioè? l'input dove hai applicato l'autocomplete?

se è cosi, ti basta usare l'evento select, qualcosa del genere:

...
select: function(event,ui){
  $("#idtuohidden").val(ui.item.value);
}
...

<input type="text" name="aeroporto">
<input type="text" name="IATA" type="hidden">

In aeroporto verrà inserito l'aeroporto preso da autocomplate, mentre nel secondo, nascosto, deve inserire il codice IATA.....

[Vindav]

sei troppo generico, se vuoi un aiuto piu specifico posta il codice altrimenti si puo solo andare a tentativi... puoi anche provare il codice che ti ho postato sopra, magari ci ho azzeccato...

[Nunkij]

Ricorda che puoi valorizzare qualsiasi campo input semplicemente usando la sintassi RIFERIMENTO.value="VALORE DA INSERIRE", dove RIFERIMENTO è un elemento che punta al campo e che puoi prenderlo con vari metodi (getElementById, getElementByTagName, valore dell'array form ecc ecc).
Se puoi impostare l'id del campo il modo più rapido è:

<input id="idHidden" type="text" name="IATA" type="hidden">
<input id="idVisibile" type="text" name="aeroporto">

var campoHidden= document.getElementById("idHidden");
var campoVisibile= document.getElementById("idVisibile");
campoHidden.value=trovaValore(campoVisibile.value) ;

function trovaValore(valVisibile){

// varie elaborazioni in base all'array

return valoredellarray;
}

Ovviamente devi tenere conto dell'evento che attiva la funzione, ma facciamo una cosa alla volta.

Non mi è chiaro dove si trovi l'array però e soprattutto in quale linguaggio lo memorizzi. Attenzione perché se è memorizzato in un linguaggio lato server (tipo php) e lo devi passare a JS allora non è una cosa semplicissima da fare. Posta come è fatto l'array che sarà più facile aiutarti!

[Jeremy78]

Buongiorno
scusate la mia assenza e grazie ancora per le risposte date.
Allora provo a fare un po di chiarezza del mio problema postando il mio codice:

// Voli.js
var aeroporto= [
{label:"Ancona-Falconara(BRI)", value:"Ancona BRI"},
{label:"Bologna-G. Marconi(BLQ)", value:"BLQ"},
{label:"Brindisi-Papola Casale(BDS)", value:"BDS"},
{label:"Catania-Fontanarossa(CTA)", value:"CTA"},
{label:"Forlì-L. Ridolfi(FRL)", value:"FRL"},
{label:"Lamezia Terme-S.Eufemia(SUF)", value:"SUF"},
{label:"Milano-Tutti(MIL)", value:"MIL"},
{label:"Milano Malpensa(MXP)", value:"MXP"},
{label:"Napoli-Capodichino(NAP)", value:"NAP"},
{label:"Palermo-Punta Raisi(PMO)", value:"PMO"},
{label:"Parma-G. Verdi(PMF)", value:"PMF"},
{label:"Pescara(PSR)", value:"PSR"},
{label:"Reggio Calabria(REG)", value:"REG"},
{label:"Roma Tutti", value:"Roma"},
{label:"Roma Fiumicino-L. da Vinci(FCO)", value:"FCO"},
{label:"Trapani-Vincezo Florio(TPS)", value:"TPS"},
{label:"Trieste-Ronchi Dei Legionari(TRS)", value:"TRS"},
{label:"Verona-Valerio Catullo(VRN)", value:"VRN"}
];

//Index.html
<script>
//Autocomplate
$(document).ready(function(){
    $("#partenza").autocomplete({
        source: aeroporto
    });
    $("#arrivo").autocomplete({
        source: aeroporto
    });
});
</script>
           <form method="get" action="stampa.php" id="ricerca">
                <div id="formricerca">
                    <div class="prova">
                        <div class="label">Partenza</div>
                        <div class="entry">
                            <input type="text" id="partenza" name="AERpartenza"  >
                            <input type="text" id="partenza" name="AERPiata" type="hidden">
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="prova">
                        <div class="label">Arrivo</div>
                        <div class="entry">
                            <input type="text" id="arrivo" name="AERarrivo" >
                            <input type="text" id="partenza" name="AERRiata" type="hidden">
                        </div>
                    </div>
                  </div>
               </form>

//Stampa.php
<?php
    $qs = $_SERVER['QUERY_STRING'];
    ?>

<script>
        $(window).load(function () {
            $.ajax({
                type: "GET",
                url: "parser.php",
                data: "<?=$qs;?>",
                success:function(result){
                    $('#centra').hide();
                    $("#stampa").html(result);
                }
            });
        });
    </script>

Io vorrei inserire nell'input nascosto il codice IATA (value) presente nell'array voli.js e nell'input visibile il nome dell'aeroporto (label).
Tutto qui...

[cavicchiandrea]

3 id="partenza" lo sai che id devono essere univoci?