Ciao grazie per la risposta superveloce!!!
ma quello schema non lo trovo..
intanto ho scaricato un esempio diverso per vedere se ci capivo meglio, ho scaricato un menu di selezione in cascata regioni province comuni,
sono riuscito a inserire il pulsante che mi stampa sotto la selezione quello che ho scelto, ma io dovrei far stampare i dati completi della riga della tabella, tipo il nome del comune, il cap, il numero degli abitanti ecc, che poi nel mio caso saranno tipo di prodotto, colore ecc...ho provato a mettere mano ma o mi da un risultato null o non funziona, quindi non so cosa fare. di seguito il codice del file principale.
Codice HTML:
<head>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<link href="screen.css" rel="stylesheet" type="text/css" />
<title>Regioni, province, comuni</title>
<script type="text/javascript">
$(document).ready(function(){
var scegli = '<option value="0">Scegli...</option>';
var attendere = '<option value="0">Attendere...</option>';
$("select#province").html(scegli);
$("select#province").attr("disabled", "disabled");
$("select#comuni").html(scegli);
$("select#comuni").attr("disabled", "disabled");
$("select#regioni").change(function(){
var regione = $("select#regioni option:selected").attr('value');
$("select#province").html(attendere);
$("select#province").attr("disabled", "disabled");
$("select#comuni").html(scegli);
$("select#comuni").attr("disabled", "disabled");
$.post("select.php", {id_reg:regione}, function(data){
$("select#province").removeAttr("disabled");
$("select#province").html(data);
});
});
$("select#province").change(function(){
$("select#comuni").attr("disabled", "disabled");
$("select#comuni").html(attendere);
var provincia = $("select#province option:selected").attr('value');
$.post("select.php", {id_pro:provincia}, function(data){
$("select#comuni").removeAttr("disabled");
$("select#comuni").html(data);
});
});
codice aggiunto da me--->$("form#select_form").submit(function(){
var regioni = $($("select#regioni option:selected")).attr('value');
var province = $("select#province option:selected").attr('value');
var comuni = $("select#comuni option:selected").attr('value');
if(regioni>0 && province>0 && comuni>0)
{
var result = $("select#comuni option:selected").html();
$("#result").html('Hai scelto: '+result);
}
else
{
$("#result").html("Devi scegliere le due opzioni!");
}
return false;
});
});
</script>
</head>
<?php include_once 'select.class.php'; $opt = new SelectList(); ?>
<body>
<div id="container">
<form id="select_form">Seleziona una regione:<br />
<select id="regioni">
<?php echo $opt->ShowRegioni(); ?>
</select>
<br /><br />
Seleziona una provincia:<br />
<select id="province">
<option>Scegli...</option>
</select>
<br /><br />
Seleziona un comune:<br />
<select id="comuni">
<option>Scegli...</option>
</select>
<br /><br />
<input type="submit" value="conferma" />
</form>
<div id="result"></div>
</div>