javascript y dom

[monxas]

Hola a todos!

Llevo arrastrando algunas dudas desde hace tiempo, y ahora necesito resolverlas.

Estoy preparando una tienda virtual, carrito, todo eso que ya sabeis.

en la hoja de productos hay un formulario por producto.
desntro de ese formulario hay un listbox para elegir las unidades a comprar, y el precio que estaria en un div.

quiero que el precio se multiplique en funcion del numero de unidades.

no tengo muy claro como hacerlo de forma eficiente.

Código Javascript:

<form action="" method="post">
           <input type="hidden" name="precio1" value="22">
             <div class="fleft pad3">
                <p>Cantidad: <select name="unidades" onChange="multiplicar(1)">
                   <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
           </select></p></div>
                <div><p>Precio:22 €</p></div>
<button type="submit" onClick="<%=onclick_buton_submit%>">                                    
            
           </form>
 

ese formulario se repetiria un numero indeterminado de veces.

no se como cogerlo para hacerlo sea cual sea el numero de poductos.

Gracias!

[_cronos2]

¿Qué hace la función multiplicar()? Si no das más datos

[monxas]

No hace nada, es un resto de mi intento por hacwrlo. Que datos mas os puedo facilitar?
Se que el evento aseecuado seria el onchange para calcularlo, pero no se crear la función que coja los datos del formulario correcto.

[_cronos2]

¿Y dónde quieres que salga el precio multiplicado? ¿Donde pone Precio: ...?
Saludos (:

[monxas]

Si, iría ahí...
Gracias...

[_cronos2]

Ok, prueba a ver así:

Código Javascript:

function multiplicar(este,aquel){
 var x=document.getElementById(aquel).innerHTML
 var precio = /Precio\s?:\s?\d\s?€/.test(x)?x.match(/\d/):null;
 return precio[0]*este.value;
}
 

Código HTML:

<select name="unidades" onChange="multiplicar(this,'precio1')">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
</select>
<p id='precio1'>Precio:22 €</p>
 

Saludos (: