Visualizzare un valore inun campo dopo selezione record dal dropdown list

[azocomposto]

Ciao,
tramite query php popolo un menu a tendina con delle voci di alcuni prodotti. La mia esigenza è quella di visualizzare il corrispondente valore nel campo di testo product_price dopo aver selezionato il corrispondente record.

Codice del menu a tendina:

                    <select name="product_id[]" class="form-control">
                        <?php
                        include("connect.php");
                            $query = "
                        SELECT *
                          FROM tbl_product ORDER BY product_desc ASC
                         ";
                            $result = mysql_query($query);
                            while ($record = mysql_fetch_array($result)) {
                            echo "
                                <option value=\"$record[product_id]\">$record[product_cod] $record[product_desc]</option>";
                            }
                        ?>
                    </select><input type="text" name="product_price[]" size="6" value="1">

Ad esempio, nel menu ho queste voci:
1 milk 3euro
2 wather 1euro
3 caffee 4euro
Quando seleziono il secondo record, come faccio a far comparire il valore 4euro nel file product_price?


Grazie

[Alhazred]

Si fa con Javascript, non con PHP, quando hai davanti il form ormai PHP è bello che andato.

[azocomposto]

Si fa con Javascript, non con PHP, quando hai davanti il form ormai PHP è bello che andato.

Perfetto, ma una domanda: se devo usare JavaScript, come faccio a leggere i dati dal db?

[cavicchiandrea]

<select name="product_id[]" onchange="document.getElementById('price').value=this.getAttribute("title")" class="form-control">
                        <?php
                        include("connect.php");
                            $query = "
                        SELECT *
                          FROM tbl_product ORDER BY product_desc ASC
                         ";
                            $result = mysql_query($query);
                            while ($record = mysql_fetch_array($result)) {
                            echo "
                                <option title=\"$record[qui-ci-metti-il-campo-prezzo]\" value=\"$record[product_id]\">$record[product_cod] $record[product_desc]</option>";
                            }
                        ?>
                    </select><input type="text" name="product_price[]" id="price" size="6" value="1">

[azocomposto]

<select name="product_id[]" onchange="document.getElementById('price').value=this.getAttribute("title")" class="form-control">
                        <?php
                        include("connect.php");
                            $query = "
                        SELECT *
                          FROM tbl_product ORDER BY product_desc ASC
                         ";
                            $result = mysql_query($query);
                            while ($record = mysql_fetch_array($result)) {
                            echo "
                                <option title=\"$record[qui-ci-metti-il-campo-prezzo]\" value=\"$record[product_id]\">$record[product_cod] $record[product_desc]</option>";
                            }
                        ?>
                    </select><input type="text" name="product_price[]" id="price" size="6" value="1">

Ciao Andrea, intanto grazie perché sei sempre disponibile.
Ho provato ad utilizzare il codice da te postato ma dopo aver selezionato il record dal menu a tendina, nel campo product_price non visualizzo nulla.

Credo di aver trovato uno script che è simile al tuo, e mi sembra che funzioni correttamente. L'unico problema è che imposta il valore dell'id e non so come fargli inserire l'importo nel field invece che l'id.

Dropdown:

        <select id="dropdown" name="prodotto_id[]" class="form-control">
            <?php
            include("connect.php");
                $query = "
            SELECT *
              FROM tbl_prodotti ORDER BY mp_desc ASC
             ";
                $result = mysql_query($query);
                while ($record = mysql_fetch_array($result)) {
                echo "
                    <option value=\"$record[product_id]\">$record[product_cod] $record[product_desc]</option>";
                }
            ?>
        </select>
        
        <input type="text" name="product_importo[]" id="price">

Javascript

<script type="text/javascript">
    var mytextbox = document.getElementById('price');
    var mydropdown = document.getElementById('dropdown');

    mydropdown.onchange = function(){
          mytextbox.value = mytextbox.value  + this.value; //to appened
         //mytextbox.innerHTML = this.value;
    }
</script>

Mi sai dare qualche consiglio?

[Vindav]

prova cosi:

document.getElementById('price').value=this.option s[this.selectedIndex].getAttribute('title')

[azocomposto]

prova cosi:

document.getElementById('price').value=this.option s[this.selectedIndex].getAttribute('title')

Ottimo. Funziona.

Grazie a tutti

[azocomposto]

prova cosi:

document.getElementById('price').value=this.option s[this.selectedIndex].getAttribute('title')

Allora, si funziona, ma in parte, ovvero: il dropdown list può essere ripetuto più volte all'interno della stessa pagina html, per cui se ho più righe valorizzate, viene sempre cambiato il primo importo appartenente alla prima riga come mostrato nell'immagine allegata.

Come posso risolvere?


Grazie

[cavicchiandrea]

Devi rendere ogni riga univoca prodotto_1, quantita_1, prezzo_1, etc.... come? O incrementi una variabile numerica nel ciclo che popola le righe così avrai ID sequenziali oppure (sempre nel ciclo che genera la griglia) aggiungi alle vari suffissi (prodotto_, quantita_, prezzo_) Idrecord

[azocomposto]

Devi rendere ogni riga univoca prodotto_1, quantita_1, prezzo_1, etc.... come? O incrementi una variabile numerica nel ciclo che popola le righe così avrai ID sequenziali oppure (sempre nel ciclo che genera la griglia) aggiungi alle vari suffissi (prodotto_, quantita_, prezzo_) Idrecord

Bene, ho provato con lo script sottostante ad assegnare un id di riga univoco, ma non ci sono riuscito. Alla riga tr ho assegnato la classe class="myclass".

		<script language="javascript">		
		var theRow = $(this).closest("tr.myclass");
		theRow.doSomething();
		</script>

Mi potresti indicare come assegnare gli id univoci alle righe?

Grazie