Tengo una base de datos de platos con los siguientes datos
-----------------------------------
| id_plato | nombre | precio |
-----------------------------------
| 123 | parrillada | 50 |
| 124 | chorizo | 10 |
-----------------------------------
y bueno mediante una consulta sql yo puedo volverlo a texto plato dentro de javascript:
var plato = array();
plato[123] = array("nombre" => "parrillada","precio"=>"50");
plato[124] = array("nombre" => "choriso","precio"=>"10");
lo que quiero que me ayuden es en lo siguiente porfavor:
- esta bien esta forma de trabajar con array javascript ? de no ser asi cual seria le mejor manera?
- como puedo hacer una funcion que al llamarla me retorne algo asi:
// funcion
function getOption(var_index){...}
// llamada
getOption("123"); // pongo "123" porque quiero que ese sea el option selected pero si no le pongo nada me muestre las option sin selected
//return
<option value="123" selected>parrillada</option>
<option value="124">chorizo</option>
- una funcion que al mandarle el id me retorne el precio
function getPrecio(item){...}
// llamada
getPrecio("123");
//return
50 // precio del item 123
Notas:
- la idea es que estas funciones esten basadas en un solo array (plato[])
- deseo escribirlo en texto plano para no tener que hacer un php solo para que me devuelva los la consulta
- la funcion
getPrecio();
la necesito para cuando un cliente cambie el valor de un select jquery me detecte su id y me muestre el precio - la funcion
getOption();
es para que cuando un cliente de click en el boton agregar pedido me cree un select con todos los option de los platos
getOption()
ygetPrecio()
no tienen sentido, si lo piensas bien. En resumen: puedes cargar la información de los platos desde el servidor vía Ajax (podrías usar los atributosdata-
para guardar en cadaoption
otros valores como precio), puedes mostrar cada plato con su precio al lado (es así como se muestran en los menús de cualquier sitio), puedes recoger los platos que el usuario vaya pidiendo en un objeto e ir contabilizando el sub-total según los precios mediante código JS y cuando haya seleccionado todo mandar la orden al servidor. – A. Cedano el 31 jul. 20 a las 23:16select
quizá no sea lo mejor desde el punto de vista de UX. En un menú de restaurante tú ves todo de golpe o por grupos (entrantes, platos principales, postres, bebidas) pero no tienes que pasar página para ver cada plato. Deberías pensar en una forma más simple para el usuario. – A. Cedano el 31 jul. 20 a las 23:21