PHP e JQUERY per scrivere codice html dinamicamente

Brododipollo

Nuovo Utente
27 Mar 2017
4
0
1
29
Ciao a tutti, vi espongo il mio problema. In una pagina php, ho creato una select con i valori presi da un database: questo è il codice
Codice:
$query = "SELECT * FROM utenti ORDER BY Nome ASC";
$result = mysqli_query($db,$query);
        
echo '<select name="utenti1">';
while ($row = mysqli_fetch_array($result)) {
        echo '<option value="'.$row['Nome'].' '.$row['Cognome'].'">'.$row['Nome'].' '.$row['Cognome'].'</option>';
            
        }
echo '</select>';

Quello che vorrei fare, è avere un bottone accanto a questo campo select che, se premuto, crea un altro campo con all'interno scritto il valore dell'utente selezionato nella select. Il bottone potrà essere premuto 5 volte e creare 5 campi con i valori selezionati (visto che poi dovrò metterli in un database con 5 campi tramite metodo POST). Quindi anche i campi creati dal bottone, dovranno avere come attributo name="nomeutente1", name="nomeutente2" e così via.
Ho visto che qualcosa con JQUERY (di cui purtroppo non sono molto esperto) si può fare. Qualcuno ha qualche idea? La domanda che mi viene spontanea è: come faccio a far vedere i valori della select (che ho recuperato con query php) al mio programma jquery?
 

NicolaSerafini

Nuovo Utente
5 Giu 2017
5
0
1
25
Ciao, per poter recuperare i valore da un elemento del DOM devi utilizzare i selettori di JQ.
Ho fatto un semplice esempio per farti vedere il funzionamento, ovviamente devi avere abilitato jquery per poterlo testare:

Codice:
<!-- Codice HTML-->
   <select>
        <option> Seleziona una opzione </option>
        <option value='test1'> Test 1 </option>
        <option value='test2'> Test 2 </option>
        <option value='test3'> Test 3 </option>
    </select>

// Codice JavaScript
<script>
$("select").change(function(){
    var test = $( "select option:selected" ).val();
        alert(test);
});
</script>

Se non ti è chiaro o hai problemi fammi sapere, comunque trovi il riferimento qui:
https://api.jquery.com/selected-selector/
 

Brododipollo

Nuovo Utente
27 Mar 2017
4
0
1
29
Ciao, innanzitutto ti ringrazio per la risposta. Ho provato a fare uno pseudocodice, ma essendo carente in javascript, penso non sia corretto. Questo è il mio codice html
Codice:
//Recupero i valori dal db per la select (id=select1)
<?PHP
$query = "SELECT * FROM utenti ORDER BY Nome ASC";
$result = mysqli_query($db,$query);
    
echo '<select name="utenti1" id="select1">';
while ($row = mysqli_fetch_array($result)) {
        echo '<option value="'.$row['Nome'].' '.$row['Cognome'].'">'.$row['Nome'].' '.$row['Cognome'].'</option>';
        
        }
echo '</select>';
?>
//creo bottone da premere e un div dove creare i nuovi campi
<input type="button" onclick="addAutori()" >
<div id="mainDiv"></div>

Questo è il codice javascript che ho abbozzato
Codice:
function addAutori(){
    var i= 0; //mi serve per dare un nome sempre diverso ai nuovi campi
    $("#select1").change(function(){
        var valore = $( "select option:selected" ).val();
        var testo = $( "select option:selected" ).text();
    })
    
    $("#mainDiv").append("<select name='utente'" + i +" readonly><option value='"+ valore +"'>"+      testo+ "</option> </select>"); //aggiungo il nuovo nodo al campo mainDiv con i valori selezionati    precedentemente
    i++;
};

Penso che la logica sia giusta, ma con la sintassi forse non ci sono proprio. Proverò a rivedermelo per bene. Se tu potessi indirizzarmi, te ne sarei davvero grato. Grazie 1000 per ora

Aggiornamento: ho modificato dichiarando tutte le variabili con "this.i, this.valore, this.testo". Adesso funziona e mi crea i nuovi campi select al posto giusto, ma hanno tutti come valore undefined, e il nome non progredisce di 1, rimane sempre a 0
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
filomeni Barra per cookie law (jquery+php) Snippet Javascript 4
A consiglio uso jquery php per mostrare parte di un form PHP 6
P php jquery ajax per modificare valore in un databe Ajax 1
P Funzione jQuery Ajax invio file a php jQuery 1
A php metodo post jquery non da mai errore jQuery 4
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
P Jquery event nel foreach php jQuery 3
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
trattorino Estrarre Nome Utente jquery div php PHP 9
G [Javascript] jQuery PHP MySql - inserire variabile nel DataBase Javascript 8
Marcello.Fiore Paginazione jQuery - PHP jQuery 2
filomeni Autocomplete jquery con php/mysql Snippet Javascript 0
L Refresh include php con jquery problemi negli script dopo load jQuery 2
S Jquery load get php Javascript 1
M Codice jQuery in pagina PHP PHP 1
A velocizzare tempi di interrogazioni dati di un database tramite query lanciata da php e jquery jQuery 11
I Datagrid Jquery PHP, mi servirebbero alcune soluzioni... Insrimento immagine e filtro PHP 2
andrea.peo Autocomplete Jquery php mysql su più campi inpunts jQuery 8
G Come far passare un valore attraverso il metodo POST utiliazzando PHP a jQuery PHP 4
G Passare valore ad una variabile con jQuery e PHP PHP 1
J Paginazione PHP in jQuery UI Tabs jQuery 13
F [Offro collaborazione][Gratuito] Modifica script PHP,jQuery,GD Library Offerte e Richieste di Lavoro e/o Collaborazione 0
F Eseguire PHP in jQuery jQuery 3
L [RISOLTO]Pagina PHP jquery Mobile non funziona scroll nella pagina jQuery 3
D [Jquery - php] Ottimizzazione script jQuery 1
I Richiamare funzione jquery all'invio del form php Javascript 6
S php problemi di funzione header usando la fuzione di jquery post PHP 4
G Php-mysql-jquery PHP 7
A Insegnanti di programmazione PHP / JAVASCRIPT / JQUERY Offerte e Richieste di Lavoro e/o Collaborazione 0
M Domande su validare i dati inseriti dagli utenti con jQuery e PHP Javascript 1
S Autocompletamente con jQuery, PHP e MySQL - Problema con le query PHP 7
P controllo dati form con jquery e php PHP 8
P Problema caricamento/sostituzione immagini galleria php-jquery jQuery 2
S jQuery + PHP: non mi funziona..... HELP!!! PHP 14
A Insegnanti di programmazione PHP / JAVASCRIPT / JQUERY Offerte e Richieste di Lavoro e/o Collaborazione 0
F Problema select dinamiche con php e jquery jQuery 1
A jquery calendar e php jQuery 0
A php in jquery PHP 4
S problemi jquery ajax chiamare una pagina php Ajax 5
voldemort jQuery: funzione nl2br come in PHP jQuery 2
M Mappa interattiva con jquery ajax e php. jQuery 0
N Select dinamica con utilizzo di php e JQuery jQuery 5
M Pagina PHP con gallery jQuery PHP 0
M select dinamiche con Jquery e php jQuery 9
M problema con select jquery e php PHP 0
A invio massivo dati a file php Javascript 4
Z MySql injection PHP PHP 1
V PHP form intersecate PHP 0

Discussioni simili