Hola
Te lo he modificado un poco, prueba y cuenta
Código javascript
:
Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<form id="form1" name="form1" method="post" action="send.php">
<table width="360" border="1" align="center">
<tr>
<td width="108">Descripcion</td>
<td width="75">Cantidad</td>
<td width="90">Valor Unitario </td>
<td width="59">Total</td>
</tr>
<tr>
<td><select name="select1" id="select1" onchange="document.getElementById('hide_sel1').value=this.options[this.selectedIndex].value.split(',')[0]; document.getElementById('valor1').innerHTML = this.options[this.selectedIndex].value.split(',')[0]; document.getElementById('resultado1').innerHTML = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel11').value; document.getElementById('hide_resultado1').value = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel11').value; document.getElementById('total1').innerHTML = parseInt(document.getElementById('hide_resultado1').value) + parseInt(document.getElementById('hide_resultado2').value); document.getElementById('total2').innerHTML = parseInt(document.getElementById('total1').innerHTML) + parseInt(document.getElementById('total1').innerHTML * 0.10);">
<option value="0,0">Seleccione</option>
<option value="10,A">Colchon 1</option>
<option value="20,B">Colchon 2</option>
<option value="30,C">Colchon 3</option>
<option value="40,D">Colchon 4</option>
<option value="50,E">Colchon 5</option>
</select>
<input type="hidden" name="hide_sel1" id="hide_sel1" value="0" />
</td>
<td><div align="center">
<select name="select11" onchange="document.getElementById('hide_sel11').value=this.options[this.selectedIndex].value; document.getElementById('resultado1').innerHTML = this.options[this.selectedIndex].value * document.getElementById('hide_sel1').value; document.getElementById('resultado1').innerHTML = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel1').value; document.getElementById('hide_resultado1').value = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel1').value; document.getElementById('total1').innerHTML = parseInt(document.getElementById('hide_resultado1').value) + parseInt(document.getElementById('hide_resultado2').value); document.getElementById('total2').innerHTML = parseInt(document.getElementById('total1').innerHTML) + parseInt(document.getElementById('total1').innerHTML * 0.10);">
<option value="0">Seleccione</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="hidden" name="hide_sel11" id="hide_sel11" value="0" />
</div>
<label></label></td>
<td><span id="valor1"></span></td>
<td><span id="resultado1"> </span><input type="hidden" id="hide_resultado1" name="hide_resultado1"/></td>
</tr>
<tr>
<td><select name="select2" id="select2" onchange="document.getElementById('hide_sel2').value=this.options[this.selectedIndex].value.split(',')[0]; document.getElementById('valor2').innerHTML = this.options[this.selectedIndex].value.split(',')[0]; document.getElementById('resultado2').innerHTML = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel22').value; document.getElementById('hide_resultado2').value = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel22').value; document.getElementById('total1').innerHTML = parseInt(document.getElementById('hide_resultado1').value) + parseInt(document.getElementById('hide_resultado2').value); document.getElementById('total2').innerHTML = parseInt(document.getElementById('total1').innerHTML) + parseInt(document.getElementById('total1').innerHTML * 0.10);">
<option value="0,0">Seleccione</option>
<option value="10,A">Colchon 1</option>
<option value="20,B">Colchon 2</option>
<option value="30,C">Colchon 3</option>
<option value="40,D">Colchon 4</option>
<option value="50,E">Colchon 5</option>
</select>
<input type="hidden" name="hide_sel2" id="hide_sel2" value="0" />
</td>
<td><div align="center">
<select name="select22" onchange="document.getElementById('hide_sel22').value=this.options[this.selectedIndex].value; document.getElementById('resultado2').innerHTML = this.options[this.selectedIndex].value * document.getElementById('hide_sel2').value; document.getElementById('resultado2').innerHTML = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel2').value; document.getElementById('hide_resultado2').value = this.options[this.selectedIndex].value.split(',')[0] * document.getElementById('hide_sel2').value; document.getElementById('total1').innerHTML = parseInt(document.getElementById('hide_resultado1').value) + parseInt(document.getElementById('hide_resultado2').value); document.getElementById('total2').innerHTML = parseInt(document.getElementById('total1').innerHTML) + parseInt(document.getElementById('total1').innerHTML * 0.10);">
<option value="0">Seleccione</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="hidden" name="hide_sel22" id="hide_sel22" value="0" />
</div>
<label></label></td>
<td><span id="valor2"></span></td>
<td><span id="resultado2"> </span><input type="hidden" id="hide_resultado2" name="hide_resultado2"/></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>Total Bruto </td>
<td><span id="total1"></span></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>Total C/IVA </td>
<td><span id="total2"></span></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<p> </p>
</form>
<label></label>
</body>
</html>
Suerte