Modifica prezzo in base all'oggetto scelto

[masternick]

Sera a tutti,
ho implementato un script js che in base all'oggetto scelto tramite un select dall'utente cambia il prezzo registrato all'interno di una variabile hidden e quello stampato all'interno di una span.
Il problema è che sebbene abbia impostato il form in maniera tale da richiamare la funzione ogni volta che viene cambiato l'oggetto selezionato, il prezzo non viene mai aggiornato.
Cosa c'è che non va?
Funzione js:

function richieste(){
    oggetto = document.getElementById('item_name').value;
    var ajax = new XMLHttpRequest();
    if(ajax){
        ajax.open("post", "prezzi.php", true);
        ajax.setRequestHeader("content-type", "application/x-www-form-urlencoded");
        ajax.setRequestHeader("connection", "close");
        ajax.send("oggetto=" + oggetto);
        ajax.onreadystatechange = function(){
            if(ajax.readyState == 4){
                if(ajax.status == 200 || ajax.status == 304){
                    testo = ajax.responseText;
                    document.getElementById('amount').innerHTML = testo;
                    document.getElementById('amount').removeAttribute('disabled');
                    document.getElementById('prezzo').value = testo;
                }
            }
        }
    }
}

Pagina prezzi.php:

<?php
    session_start();
    require_once('mysqlconn.php');
    mysql_select_db($database, $utenti);
    $oggetto = $_POST['oggetto'];
    $search = mysql_query("SELECT * FROM prodotti WHERE nome = '".$oggetto."' ") or die (mysql_error());
    $result = mysql_fetch_array($search);
    echo $result['prezzo'];
?>

[cavicchiandrea]

Prova cosi

function richieste(){
    oggetto = document.getElementById('item_name').value;
    var ajax = new XMLHttpRequest();
    if(ajax){
        ajax.open("post", "prezzi.php", true);
        ajax.setRequestHeader("content-type", "application/x-www-form-urlencoded");
        ajax.send("oggetto=" + oggetto);
        ajax.onreadystatechange = function(){
            if(ajax.readyState == 4 && ajax.status == 200){
                    var testo = ajax.responseText;
                    document.getElementById('amount').innerHTML = testo;
                    document.getElementById('amount').removeAttribute('disabled');
                    document.getElementById('prezzo').value = testo;
                }
            }
        }
    }

[badaze]

Manca la parte html.

Non avresti per caso dimenticato name="prezzo" nella definizione del campo hidden ?

[masternick]

Ho provato con la modifica che mi hai dato Andrea, ma non cambia nulla. Posto anche la parte interessata del form.

<select name="item_name" value="<?php echo $tipo; ?>" onLoad="richieste()" onChange="richieste()">
                            <option>Selezionare</option>
                            <?php $tipi = mysql_query("SELECT * FROM prodotti ") or die (mysql_error());
                            while($resrow = mysql_fetch_array($tipi)){
                                echo "<option>".$resrow['nome']."</option>";
                            }?>
                        </select>
                        Prezzo: <span id="prezzo"></span>€<br>
                        <input type="hidden" name="amount" value="2.00"><!-- Prezzo-->

[cavicchiandrea]

Metti la pagina demo online e riporta qui il link

[masternick]

http://programmerscommunity.altervis.../Test/test.php

[badaze]

Amount é un campo input. E l'input non ha innerHTML.

[badaze]

Sicuro di non aver invertito amount e prezzo ?

[cavicchiandrea]

Cambia la select cosi
<select onchange="richieste()" value="" name="item_name" id="item_name">
<option>Selezionare</option>
<option>IMU</option> </select>

[masternick]

Ho modificato il form. Ho anche cambiato la funzione js:

function richieste(){
    oggetto = document.getElementById('item_name').value;
    var ajax = new XMLHttpRequest();
    if(ajax){
        ajax.open("post", "prezzi.php", true);
        ajax.setRequestHeader("content-type", "application/x-www-form-urlencoded");
        ajax.send("oggetto=" + oggetto);
        ajax.onreadystatechange = function(){
            if(ajax.readyState == 4 && ajax.status == 200){
                    var testo = ajax.responseText;
                    document.getElementById('amount').value = testo;
                    document.getElementById('amount').removeAttribute('disabled');
                    document.getElementById('prezzo').value = testo;
                }
            }
        }
    }