aiuto:calcolo automatico dei campi input

[scatenato]

Ciao,
come potete vedere ho creato questo form con un campo select che prende dal db un prodotto
dalla tabella articoli e ogni prodotto ha un valore numerico che l'utente deve inserire manualmente nel campo input e alla fine preme sul pulsante calcola ed effettua il calcolo con il limite a 50.

quello che cerco di fare e che l'utente appena seleziona il prodotto il valore numerico associato si vada ha visualizzare nel campo input senza doverlo scrivere manualmente e venga effettuato l'addizione senza dover cliccare sul pulsante calcola e senza refresh della pagina.

facendo delle ricerche ho letto che fare quello che ho descritto lo posso fare solo con ajax/javascript.

l'aiuto che vi chiedo di darmi e quello di spiegarmi con esempi pratici per riuscire a semplificare il tutto e velocizzare le operazioni di inserimento del form.

il form funziona e spero nel vostro aiuto

<form id="articoli" name="articoli" method="POST" action="<?php echo $_SESSION['PHP_SELF']; ?>"> <div id="punti"> 
<span>punti</span> 

<?php if(isset($_POST['calcola'])){ 
$g1 = $_POST['g1']; 
$g2 = $_POST['g2']; 
$g3 = $_POST['g3']; 

if(empty($g1) && empty($g2) && empty($g3)){ 

echo ("devi riempire tutti i campi.<a href='javascript:history.back();'>Indietro</a>"); }elseif( $g1+$g2+$g3 > 50) {

echo ("hai superato i 50 punti.<a href='javascript:history.back();'>Indietro</a>"); }else{ 
echo $g1+$g2+$g3 ; 
echo "<a href='javascript:history.back();'>Modifica</a>" ; } } ?>
</div> 
<label>articolo</label> 
<select name="articolo"> 
<?php$sql = "SELECT * FROM articoli ORDER BY prodotto";$result = mysql_query($sql);while($row = mysql_fetch_array($result)){echo "<OPTION VALUE=\"".$row["prodotto"]."\">".$row["prodotto"]."</OPTION>";
}?>
<input type="text" maxlength="2" name="g1" /></select>

<select name="articolo"> 
<?php$sql = "SELECT * FROM articoli ORDER BY prodotto";$result = mysql_query($sql);while($row = mysql_fetch_array($result)){echo "<OPTION VALUE=\"".$row["prodotto"]."\">".$row["prodotto"]."</OPTION>";
}?><input type="text" maxlength="2" name="g2" />
</select>

<select name="articolo"> <?php$sql = "SELECT * FROM articoli ORDER BY prodotto";$result = mysql_query($sql);while($row = mysql_fetch_array($result)){echo "<OPTION VALUE=\"".$row["prodotto"]."\">".$row["prodotto"]."</OPTION>";
}?>
<input type="text" maxlength="2" name="g3" />
</select>
<input type="submit" name="creare" value="CREA" />
<input type="submit" name="calcola" value="CALCOLA" />
</form>

 

[criric]

Ciao,
questa è sbagliata

action="<?php echo $_SESSION['PHP_SELF']; ?>"

la variabile giusta non è SESSION ma SERVER

action="<?php echo $_SERVER['PHP_SELF']; ?>"

Potresti evitare le 3 query creando un array dei prodotti con la prima e ciclarlo per tutte e 3 le select

Il valore in punti dei prodotti lo hai nel database?

 

[scatenato]

grazie per avermi risposto per avermi detto che la action non era giusta.
avevo gia pensato ad un array infatti nel codice inserito nella pagina e stato fatto con array.

ma passiamo al vero problema che mi interessa risolvere,come faccio io far visualizzare nel campo input il valore dei punti associato al prodotto che seleziona l'utente.

ti dispiacerebbe farmi un esempio pratico con la dovuta spiegazione che mi servira per imparare.

 

[criric]

volentieri, ma, non hai risposto alla mia unica domanda:
hai un campo con memorizzato il valore dei punti? come si chiama il campo?

 

[scatenato]

Il nome nella tabella e punti

 

[criric]

Puoi provare cosi

<?php
$conn = mysql_connect("localhost", "root", "");
$db = mysql_select_db("database");
$sql = "SELECT * FROM articoli ORDER BY prodotto";
$result = mysql_query($sql);
$prodotti = array();
while ($row = mysql_fetch_array($result)) {
    $prodotti[$row['idProdotto']] = $row["prodotto"] . " - " . $row["punti"];
}
?>
<script type="text/javascript">
    function calcolaPunti() {
        var a1 = document.articoli.articolo1.options[document.articoli.articolo1.selectedIndex].text.split("-");
        var p1 = parseInt(a1[1]);
        var a2 = document.articoli.articolo2.options[document.articoli.articolo2.selectedIndex].text.split("-");
        var p2 = parseInt(a2[1]);
        var a3 = document.articoli.articolo3.options[document.articoli.articolo3.selectedIndex].text.split("-");
        var p3 = parseInt(a3[1]);
        document.getElementById("punti").innerHTML = "punti " + (p1 + p2 + p3);
        
    }
</script>
<form id="articoli" name="articoli" method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <div id="punti"> punti</div> 
    <label>articolo</label> 
    <select onchange="calcolaPunti();" name="articolo1"> 
        <?php
        foreach ($prodotti as $key => $value) {
            echo "<option value='$key'>$value</option>";
        }
        ?>
    </select>

    <select onchange="calcolaPunti();" name="articolo2"> 
        <?php
        foreach ($prodotti as $key => $value) {
            echo "<option value='$key'>$value</option>";
        }
        ?>
    </select>
    <select onchange="calcolaPunti();" name="articolo3"> 
        <?php
        foreach ($prodotti as $key => $value) {
            echo "<option value='$key'>$value</option>";
        }
        ?>
    </select>
</form>

non ho avuto il tempo di commentare
risolto questo problema ti consiglio di abbandonare l'estensione mysql e studiarti mysqli

 

[scatenato]

grazie per avermi aiutato e favoloso lo script che mi hai fornito.

e approfitto per chiederti un altra cosa come mai nella select mi visualizza il prodotto in ordine alfabetico e non visualizza la prima riga dove c'e scritto seleziona prodotto,infatti io vorrei che l'utente quando va alla pagina con il form che ho postato sopra in tutti i select venga visualizzato la scritta seleziona prodotto.

per il resto e tutto ha posto ti ringrazio e

 

[criric]

Puopi aggiungere una option prima di ogni ciclo

<select onchange="calcolaPunti();" name="articolo1"> 
        <option value="0">Seleziona il prodotto</option>
        <?php
        foreach ($prodotti as $key => $value) {
            echo "<option value='$key'>$value</option>";
        }
        ?>
    </select>

e modificare il javascript cosi

<script type="text/javascript">
    function calcolaPunti() {
        var p1 = p2 = p3 = 0;
        var a1 = document.articoli.articolo1.options[document.articoli.articolo1.selectedIndex].text.split("-");
        if(!isNaN(a1[1]))
            p1 = parseInt(a1[1]);
        var a2 = document.articoli.articolo2.options[document.articoli.articolo2.selectedIndex].text.split("-");
        if(!isNaN(a2[1]))
            p2 = parseInt(a2[1]);
        var a3 = document.articoli.articolo3.options[document.articoli.articolo3.selectedIndex].text.split("-");
        if(!isNaN(a3[1]))
            p3 = parseInt(a3[1]);
        document.getElementById("punti").innerHTML = "punti " + (p1 + p2 + p3);
        
    }
</script>