Buenas. Vereis estoy haciendo un documento en el cual tengo un combo (select) con datos cargados de la base de datos.
Este select se carga con el nombre de unos productos.
Lo que quiero es que al pinchar sobre uno de los elementos del select, muestre al lado el precio del componente elegido.
Para ello hacia una consulta a la BD sacando el nombre del producto y el precio. El producto lo metia en el select y el precio lo queria pasar a una funcion en javascript para que mostrase el precio, pero no se como hacerlo.
Tengo ya algo hecho de lo que digo. Se mostrar con la funcion lo que contiene el select, pero no el precio.
Aqui os pego el codigo.
Una ayudita por favor.
Código PHP:
<?php
include('conectar.php');
$conect=funcion_conectar();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Terabyte</title>
<script language="javascript" type="text/javascript">
function precio_prod(pro) {
document.formu_ord.precio.value=pro.value;
}
</script>
</head>
<body bgcolor="#ebf2fe" style='width:100%; height:1000px;'>
<div align='center' style='margin-top:50px; margin-left:50px;'>
<form name="formu_ord" METHOD="POST" action="configurador_i.php">
<table align='center' style='width:400px; border-style:outset; border-color:#0066FF; font-size:14px;' cellpadding='14' cellspacing='3'>
<tr>
<td colspan="4" style='text-align:center;' ><input type='text' readonly="readonly" size='60' value="Configura el ordenador a tu gusto" style='border:none;text-align:center; color: #B90D07; font-weight:bold; background-color: #ebf2fe;'>
</td>
</tr>
<tr>
<td>Placa base</td>
<td><select name="placa" class="texto" size="1" style="width:190px">
<option value="">
<?
$con_plac=mysql_query("select precio, marca from productos where categoria = 'Placas Base Intel'");
while($row = mysql_fetch_array($con_plac)) {
echo "<option class='texto' onclick='return precio_prod(this);'>" .$row['marca']. "</option>";
}
?>
</select>
</td>
<td colspan='2' style='text-align:center;' ><input type='text' readonly="readonly" name='precio' style='border:none;text-align:center; color: #B90D07; background-color: #ebf2fe;'> </td>
</tr>
</table>
</form>
</div>
</body>
</html>