[Javascript] Select option in campi input

lelemkop

Utente Attivo
2 Lug 2013
55
0
6
Salve a tutti, ho questo codice che funziona benissimo
PHP:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
                <?php
                $host = 'localhost';
                $user = 'xxx';
                $pass = 'xxx';
                $db = 'xxx';
                $mysqli = new mysqli($host,$user,$pass,$db) or die($mysqli->error);
                $result = $mysqli->query("SELECT * FROM pacchetti order BY pacchetto, anima desc") or die($mysqli->error);?> 
                <div class="wrap-input100 input100-select"> 
                <span class="label-input100">Pacchetto</span> 
                <div>                       
                <select class="selection-2" name="pacchetto" id="pacchetto">
                <option value="">Scegli Pacchetto</option>
                <?php    while ($row = mysqli_fetch_array($result)) { 
                echo "<option value='" . $row['anima'] . "'>'" . $row['pacchetto'] . "'-'" . $row['anima'] . "'-'" . $row['ore'] . "'</option>"; 
                } 
                ?>   
                </select> 
                </div>       
                <span class="focus-input100"></span>
                </div> 
                <script>
                document.getElementById("pacchetto").onchange = function() 
                {
                var e = document.getElementById("pacchetto"); 
                var strUser = e.options[e.selectedIndex].value; 
                document.getElementById("numani").value = strUser;
                };</script>
                <div class="wrap-input100 validate-input" > 
                <span class="label-input100">Numero Anima</span>   
                <input class="input100" type="text" name="numani" id="numani" placeholder="Numero Animatori" value=""readonly required /> 
                <span class="focus-input100"></span>   
                </div>
                <div class="wrap-input100 validate-input" >       
                <span class="label-input100">Durata</span>
                <input class="input100" type="text" name="durata" id="durata" placeholder="Durata" >
                <span class="focus-input100"></span>
                </div>
In questo caso scelgo dalla select il campo di mio interesse e mette in automatico il valore di anima, volevo che inserisse anche il campo ore in durata.
Come posso fare?
Grazie
 

marino51

Utente Attivo
28 Feb 2013
3.203
207
63
Lombardia
se la select del pacchetto serve solo per riempire i due campi e non viene usata successivamente,
la soluzione più semplice consiste nell'aggiungere le ore nel valore delle option
PHP:
echo "<option value='" . $row['anima'] . "'-'" . $row['ore'] . "'>'" . $row['pacchetto'] .......
alla selezione del pacchetto, la variabile "strUser" conterrà i due valori separati dal segno "-"

puoi modificare le righe che seguono, separando i due valori ed assegnando a ciascun input il suo valore specifico
Codice:
var strUser = e.options[e.selectedIndex].value;
document.getElementById("numani").value = strUser;
 

lelemkop

Utente Attivo
2 Lug 2013
55
0
6
Grazie per la celere risposta. ma anche modificando il value inserendo la modifica che mi hai suggerito, mi restituisce sempre il promo campo. in questo caso anima. Se inverto mi esce solo ore.

Ho messo le parentesi tonde e mi riporta nel campo numani le due variabili.
 

lelemkop

Utente Attivo
2 Lug 2013
55
0
6
allora ci siamo vicini.
Ho modificato come mi hai detto e la cosa inizia a funzionare bene.
Ultimo piccolo problema
PHP:
document.getElementById("numani").value = strUser[2];
document.getElementById("durata").value = strUser[6];
con questo codice le cifre a due e tre cifre non le vede.
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Problema: creare nuove "option" di una select-list con javascript Javascript 1
psicomia Gestione funzione in javascript in tabella richiamare"textarea" valori preimpostati in "select" Javascript 2
max1974 [Javascript] malfunzionamento select Javascript 0
G [Javascript] Campo a comparsa di select Javascript 0
N [Javascript] [HTML] Scelta di una select e compilazione automatica delle restanti Javascript 0
A [Javascript] Select concatenata php csv Javascript 3
F [Javascript] select list concatenate - passare valore dalla prima alla seconda Javascript 7
G [Javascript] select dinamiche Javascript 0
asevenx [Javascript] [AngularJS] contare opzioni selezionate di una select in un elenco ng-repeat Javascript 0
P Javascript o Jquery - recupero testo (oltre al valore) di una select Javascript 5
T [Javascript] un form con select dinamica che funzioni da menù... Javascript 2
asevenx [Javascript] aggiungere righe con select da database e calcolo sconto in automatico Javascript 0
asevenx [Javascript] [HTML] personalizzare stili input select Javascript 5
D javascript per select condizionali Javascript 1
H problema con select dinamiche e javascript Javascript 0
L Problema Select con Javascript e nodi Dom XML. Javascript 0
M Select dinamica in javascript, aiuto... Javascript 1
V select con javascript Javascript 1
P problema passaggio valore javascript a select su pagine php Javascript 0
Z Select dinamiche PHP MySQL Javascript PHP 1
A form / select e javascript Javascript 1
I Passaggio variabile da javascript a SQL select Javascript 3
I [javascript] memorizzare selezioni di un campo select di un modulo Javascript 1
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
R Confrontare il dominio di una mail con una stringa contenente un dominio personalizzato, tutto ciò in php o javascript PHP 0
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0

Discussioni simili