Select Option eTabella MySql

F

Fabrizio!

Nuovo Utente
31 Gen 2015
15
0
1
Salve,
espongo il seguente problema... in un form ho due campi, COGNOME e NOME.

Nel campo cognome ho una select option che è collegata a una tabella Mysql e il cui value è "cognome", anche se per praticità visualizza i tre campi id, cognome e nome.
In sostanza vorrei che dopo aver selezionato il cognome, il nome corrispondente venisse visualizzato automaticamente nel campo nome.
Con il codice seguente passo automaticamente il cognome .. ma non riesco ad adattarlo per il nome.

PHP: 
<html>
  <head> 
    <script src="js/jquery-1.11.0.min.js"></script>
	<script>
	$(document).ready( function ()
	{
	$('#dropdown_selector').change(function()
		{
		var option = $(this).find('option:selected').val();
		$('#showoption').val(option);
		});
	});
</script>
  </head>

  <body>

    <select id="dropdown_selector">
	<?php
		include("blocks/db.php");
		$utente = mysql_query("SELECT id, cognome, nome FROM utenti");
		while ($row = mysql_fetch_assoc($utente)) {
		echo "<option value=\"$row[cognome]\">$row[id]  $row[cognome]  $row[nome]</option>";
		}
	?>		
	</select>
  
    <label> Nome: </label>
      <input type="text" name="name" id="showoption" readonly="readonly" />      
	  </label>
    
  </body>
</html>

Ringrazio chi può aiutarmi.
 
F

Fabrizio!

Nuovo Utente
31 Gen 2015
15
0
1
Ciao WottaFacca ... ti ringrazio per il supporto e la disponibilità.

Hai ragione è abbastanza simile, un po' diverso da quello che cercavo, ma credo che con un po' di modifiche si possa adattare al mio caso.
Faccio un po' di prove.
 
F

Fabrizio!

Nuovo Utente
31 Gen 2015
15
0
1
Ciao,

ho risolto adattando il codice...... che posto per chi volesse utilizzarlo.

file index.php
PHP: 
<!DOCTYPE html>
<html>
    <head>
        <title>Cognome e Nome</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                nome();
                $("select").change(function(){
                    nome();
                })
            })
            function nome() {                
                $.ajax({
                    type: "POST",
                    url: "nome.php",
                    data: $("#ricerca").serialize(),
                    success: function(response){
                        eval(response);
                    }
                }); 
            }
        </script>
    </head>
    <body>
        <div class="ricerca">
            <form id="ricerca">
                <span>Cognome :</span>
                <select name="cognome">
                    <option value=""></option>
                </select>
                <span>Nome :</span>
                <select name="nome">
                    <option value=""></option>
                </select>
            </form>
        </div>
    </body>
</html>

file: nome.php
PHP: 
<?php

// recupero vaolori delle select
$cognome = $_REQUEST['cognome'];
$nome = $_REQUEST['nome'];
// mi connetto al database
$sql = new mysqli("localhost", "root", "pw", "db");
// estraggo tutti gli utenti
$query = "SELECT * FROM utenti";
$result = $sql->query($query);
// svuoto la select cognome
echo "$('select[name=\"cognome\"]').empty();";
// aggiungo una option vuota
echo "$('select[name=\"cognome\"]').append('<option value=\"\"></option>');";
// ciclo i risultati della query
while ($row = $result->fetch_array(MYSQLI_ASSOC)) {
    // imposto il selected sull'eventuale cognome scelto
    $selected = "";
    if ($row['id'] == $cognome) {
        $selected = "selected=\"selected\"";
    }
    // popolo la select
    echo "$('select[name=\"cognome\"]').append('<option $selected value=\"" . $row['id'] . "\">" . addslashes($row['cognome']) . "</option>');";
}
// se è stato scelto un cognome
if (!empty($cognome)) {
    // estraggo il nome del cognome scelto
    $query = "SELECT * FROM utenti WHERE id ='$cognome'";
    $result = $sql->query($query);
    // svuoto la select nome
    echo "$('select[name=\"nome\"]').empty();";
    // ciclo i risultati della query
    while ($row = $result->fetch_array(MYSQLI_ASSOC)) {
        // imposto il selected sull'eventuale nome scelto
        $selected = "";
        if ($row['nome'] == $nome) {
            $selected = "selected=\"selected\"";
        }
        // popolo la select
        echo "$('select[name=\"nome\"]').append('<option $selected value=\"" . $row['nome'] . "\">" . addslashes($row['nome']) . "</option>');";
    }
}
?>

Grazie Mille per la dritta!
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
otto9due Ordinare option di una select Javascript 5
M Select Option dentro una Table jQuery 2
E Php select option e ajax PHP 23
L [Javascript] Select option in campi input Javascript 4
S [RISOLTO] aggiorna tabella da select option asp classic Classic ASP 7
S [ASP] SALVARE VALORE SELECT OPTION SU CAMPO TABELLA ACCESS Classic ASP 9
MatMac System [PHP] Gestione dinamica select-option PHP 3
otto9due Al Click su optgroup di un select, far comparire le option annidate jQuery 2
D Come salvare scelta della select "dinamica" ajax-php? Come dato php o attributo value tag option? Ajax 5
F Select option jQuery 0
F errore select option dropdown list jQuery 15
E Cambiare l'option di un select con jquery jQuery 1
A tag input in select option Classic ASP 0
M Aggiungere input text dopo aver selezionato un campo da una select option Presentati al Forum 0
K Disabilitare option tra più select Javascript 1
F Filtri in option select jQuery 1
L [PHP] 3 menù Select OPTION consecutivi PHP 1
E Mettere come Selected l'opzione di un select option, tramite il dato di una query. Javascript 2
andrea.peo PHP forzare option value di elenco select database Mysql PHP 2
C Select dinamica con option prelevati da un file xml Ajax 1
L problema option select senza database PHP 2
Monital Option fisso in select box PHP 3
N PhpMailer SELECT e OPTION PHP 190
M Livevalidation: applicare validazione solo se si sceglie una option di una select. Javascript 0
L Select Option con php PHP 7
B eliminare un <option> da una <select> Javascript 7
coteaz totale option select Javascript 1
A Problema: creare nuove "option" di una select-list con javascript Javascript 1
L Ripetere Campi disabilitando input in riferimento ad un valore della select jQuery 0
W MySQL ciclo in SELECT MySQL 0
W MySQL SELECT list dinamica MySQL 0
G Colorare menu select attraverso ricerca php PHP 0
L problema con query select PHP 2
F menù select dinamico da db in php PHP 3
D popolare campi tra th alla select PHP 36
M Estrarre valore con SELECT COUNT PHP 0
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
L Select Dinamiche...da txt? PHP 3
R Select concatenata che non funziona la seconda volta Ajax 3
L select join e sottrazione punti PHP 13
L input dati con inser into select ? PHP 4
V hierarchy-select jQuery 0
Emix Select concatenate php sql ajax PHP 2
F query e form con select multipla PHP 17
T recupero valori select multipla da android Javascript 3
J php, scegliere autista da select e mostrare se ha fatto un incidente PHP 8
Tommy03 Select in ordine per numero di record MySQL 7
T problema con select dinamica con jquery Javascript 0
J Far comparire e scomparire un div con un select Javascript 1
M Opzioni select da 1 a 200 PHP 0

Discussioni simili

Alto Basso