ricostruire select e svuotare il contenuto di caselle di testo

[blekm]

ho un form, faccio un submit, se è andato tutto ok mando un alert.

questo è il file di submit

<?php
require_once "connessione-database.php";
$piatto = strtolower($_POST["piatto"]);
$prezzo = $_POST["prezzo"];
$magazzino = $_POST["magazzino"];
$tipologia = $_POST["tipologia"];
$db = new Database();
$query = "INSERT INTO piatti (piatto, prezzo, magazzino, tipologia) VALUES ('$piatto', $prezzo, $magazzino, $tipologia)";
if ($db->GetDatabaseResult($query))
{?>
	<script language = 'javascript'>
	alert('Piatto salvato nel database');
	history.go(-1);
	</script>
<?php

exit();
}

else
{
	?>
	<script language = 'javascript'>
	alert('Piatto non salvata per problemi. Riprovare.');
	history.go(-1);
	</script>
<?php
exit();
}
?>

nel caso positivo, vorrei svuotare tutti i campi sulla pagina e ricostruire la select che ha 4 campi, in maniera che sia selezionato il primo campo.

Qualche idea?

alert('Piatto salvato nel database');
document.getElementById("piatto").value = '';
document.getElementById("prezzo").value = '';
document.getElementById("magazzino").value = '';
history.go(-1);

cosi Firebug mi dà errore, e non mi cancella i campi.

Inoltre, vorrei capire come fare altre operazioni oltre all'ALERT

[pietro09]

anche se siamo in "javascript", mi verrebbe da consigliarti di fare queste operazioni lato server? :master:

Usi php (che non conosco) e io asp.net, ma non credo che concettualmente ci sia differenza :master:

[dottwatson]

sembra una richiesta ajax.. ti consiglio di dare un ' occhiata su

http://www.w3schools.com/js/js_obj_htmldom.asp

per conoscere un pò coem gestisce il DOM javascript

[blekm]

Originariamente inviato da pietro09
anche se siamo in "javascript", mi verrebbe da consigliarti di fare queste operazioni lato server? :master:

Usi php (che non conosco) e io asp.net, ma non credo che concettualmente ci sia differenza :master:

sarebbe meglio che facessi tutto in php? Ma io non faccio ricaricare la pagina.. :master:

Originariamente inviato da dottwatson
sembra una richiesta ajax.. ti consiglio di dare un ' occhiata su

http://www.w3schools.com/js/js_obj_htmldom.asp

per conoscere un pò coem gestisce il DOM javascript

con JS e basta dici che non riuscirei a farlo?

[cavicchiandrea]

Invece del history rimanderei alla pagina inserimento tipo:
<script language = 'javascript'>
alert('Piatto salvato nel database');
location.href='pagina_inserimento_piatti.php';
</script>
cosi dovresti risolvere il problema di "svuotamento" poi nella pagina inserimento per selezionare la prima opzione potresti inserire
<script language = 'javascript'>
window.onload=function(){document.getElementById(' id_select').selectedIndex=1;}
</script>

[blekm]

Originariamente inviato da cavicchiandrea
Invece del history rimanderei alla pagina inserimento tipo:
<script language = 'javascript'>
alert('Piatto salvato nel database');
location.href='pagina_inserimento_piatti.php';
</script>
cosi dovresti risolvere il problema di "svuotamento" poi nella pagina inserimento per selezionare la prima opzione potresti inserire
<script language = 'javascript'>
window.onload=function(){document.getElementById(' id_select').selectedIndex=1;}
</script>

tutto giusto, come sempre.

Solo una correzione

window.onload=function(){document.getElementById('id_select').selectedIndex=1;

cosi viene selezionata la seconda opzione, bisogna impostare ad 0 per la PRIMA OPZIONE.

Grazie e

[cavicchiandrea]

Originariamente inviato da blekm

cosi viene selezionata la seconda opzione, bisogna impostare ad 0 per la PRIMA OPZIONE.

Grazie e

L'ho impostata volutamente a 1 per me lo 0 è di default "seleziona" con value nullo

[blekm]

Originariamente inviato da cavicchiandrea
L'ho impostata volutamente a 1 per me lo 0 è di default "seleziona" con value nullo

ah, capito. Di solito anche io faccio cosi, invece questa volta volevo proprio il primo valore selezionato