Ver Mensaje Individual
  #10 (permalink)  
Antiguo 01/09/2009, 19:40
Avatar de dannce4life
dannce4life
 
Fecha de Ingreso: junio-2008
Ubicación: localhost
Mensajes: 137
Antigüedad: 15 años, 11 meses
Puntos: 6
Respuesta: Sumar al precio final, otros productos desde SELECT

hasta el momento tengo lo siguiente.
intenté hacer lo que me has dicho. no estoy acostumbrado a JS.

Código html:
Ver original
  1. <script type="text/javascript">
  2. nOption = new Array();
  3.     nOption[0] = 75;
  4.     nOption[1] = 80;
  5.     nOption[2] = 85;
  6.     nOption[3] = 90;
  7.     nOption[4] = 95;
  8.     nOption[5] = 100;
  9.     nOption[6] = 105;
  10.     nOption[7] = 110;
  11.     nOption[8] = 115;
  12.     nOption[9] = 120;
  13.     nOption[10] = 125;
  14.     nOption[11] = 130;
  15.     nOption[12] = 135;
  16.     nOption[13] = 140;
  17.     nOption[14] = 145;
  18.     nOption[15] = 150;
  19.     nOption[16] = 155;
  20.     nOption[17] = 160;
  21.     nOption[18] = 165;
  22.     nOption[19] = 170;
  23.     nOption[20] = 175;
  24.  
  25. nOtroProducto = new Array();
  26.     nOtroProducto[0] = 5;
  27.     nOtroProducto[1] = 10;
  28.     nOtroProducto[2] = 15;
  29.     nOtroProducto[3] = 20;
  30.     nOtroProducto[4] = 25;
  31.     nOtroProducto[5] = 30;
  32.     nOtroProducto[6] = 35;
  33.     nOtroProducto[7] = 40;
  34.     nOtroProducto[8] = 45;
  35.     nOtroProducto[9] = 50;
  36.     nOtroProducto[10] = 55;
  37.     nOtroProducto[11] = 60;
  38.     nOtroProducto[12] = 65;
  39.     nOtroProducto[13] = 70;
  40.     nOtroProducto[14] = 75;
  41.     nOtroProducto[15] = 80;
  42.     nOtroProducto[16] = 85;
  43.     nOtroProducto[17] = 90;
  44.     nOtroProducto[18] = 95;
  45.     nOtroProducto[19] = 100;
  46.     nOtroProducto[20] = 105;
  47.    
  48.  
  49.  
  50. function cambio(isList)
  51. {
  52.     txtIndex = isList.selectedIndex;
  53.    
  54.     sum = nOption[txtIndex];
  55.     sum += nOtroProducto[txtIndex];
  56.    
  57.     document.getElementById('precio_final').innerHTML = sum;
  58. }
  59. </head>
  60. <!-- precio final -->
  61. <p style="font-size:40px;">Predio final: $<span id="precio_final" style="color:#F30">75</span></p>
  62.  
  63. <!-- productos -->
  64. <p>Producto 1</p>
  65. <select name="precio1" onchange="cambio(this)">
  66.     <option value="producto_1">Producto 1</option>
  67.     <option value="producto_2">Producto 2</option>
  68.     <option value="producto_3">Producto 3</option>
  69.     <option value="producto_4">Producto 4</option>
  70.     <option value="producto_5">Producto 5</option>
  71.     <option value="producto_6">Producto 6</option>
  72.     <option value="producto_7">Producto 7</option>
  73.     <option value="producto_8">Producto 8</option>
  74.     <option value="producto_9">Producto 9</option>
  75.     <option value="producto_10">Producto 10</option>
  76.     <option value="producto_11">Producto 11</option>
  77.     <option value="producto_12">Producto 12</option>
  78.     <option value="producto_13">Producto 13</option>
  79.     <option value="producto_14">Producto 14</option>
  80.     <option value="producto_15">Producto 15</option>
  81.     <option value="producto_16">Producto 16</option>
  82.     <option value="producto_17">Producto 17</option>
  83.     <option value="producto_18">Producto 18</option>
  84.     <option value="producto_19">Producto 19</option>
  85.     <option value="producto_20">Producto 20</option>
  86.   </select>
  87.  
  88. <!-- Quiero sumar este producto al precio final -->
  89. <p>Otro producto: Quiero sumar este producto al precio final</p>
  90. <select name="precio2" onchange="cambio(this)">
  91.     <option value="otro_producto_1">Otro Producto 1</option>
  92.     <option value="otro_producto_2">Otro Producto 2</option>
  93.     <option value="otro_producto_3">Otro Producto 3</option>
  94.     <option value="otro_producto_4">Otro Producto 4</option>
  95.     <option value="otro_producto_5">Otro Producto 5</option>
  96.     <option value="otro_producto_6">Otro Producto 6</option>
  97.     <option value="otro_producto_7">Otro Producto 7</option>
  98.     <option value="otro_producto_8">Otro Producto 8</option>
  99.     <option value="otro_producto_9">Otro Producto 9</option>
  100.     <option value="otro_producto_10">Otro Producto 10</option>
  101.     <option value="otro_producto_11">Otro Producto 11</option>
  102.     <option value="otro_producto_12">Otro Producto 12</option>
  103.     <option value="otro_producto_13">Otro Producto 13</option>
  104.     <option value="otro_producto_14">Otro Producto 14</option>
  105.     <option value="otro_producto_15">Otro Producto 15</option>
  106.     <option value="otro_producto_16">Otro Producto 16</option>
  107.     <option value="otro_producto_17">Otro Producto 17</option>
  108.     <option value="otro_producto_18">Otro Producto 18</option>
  109.     <option value="otro_producto_19">Otro Producto 19</option>
  110.     <option value="otro_producto_20">Otro Producto 20</option>
  111.   </select>
  112.  
  113. </body>
  114. </html>