如何讓它寫入總量並且不在輸入框中顯示它？

Question

我做這個計算器在JavaScript與html和我有它的工作已經我只是想輸入純文本中的總數，而不是在我現在擁有的輸入框中....

JS小提琴在這裏： http://jsfiddle.net/Eliasperez/PDct2/1/

<div>Producto 
<br /> 
<select id="producto1"> 
    <option>Selecciona</option> 
    <option value="01">Curativo</option> 
    <option value="02">Preventiva</option> 
</select> 
</div> 
<table> 
<tbody> 
    <tr class="e01"> 
     <td class="01"> 
      <label>Cantidad</label> 
      <br /> 
      <select id="elias"> 
       <option value="1">1 Gr/m3</option> 
      </select> 
     </td> 
     <td class="02"> 
      <label>Cantidad</label> 
      <br /> 
      <select id="elias1"> 
       <option value=".33">.33 Gr/m3</option> 
      </select> 
     </td> 
    </tr> 
</tbody> 
</table> 
<div class="container"> 
<div> 
    <label for="CAT_Custom_500436">Cual es el volumen del area a tratar por metro  cúbico? </label> 
    <br /> 
    <input type="text" maxlength="255" name="CAT_Custom_500436" id="CAT_Custom_500436" /> 
</div> 
<div> 
    <label for="CAT_Custom_500440">Total</label> 
    <br /> 
    <input type="text" maxlength="255" name="CAT_Custom_500440" id="CAT_Custom_500440" /> 
</div> 
</div> 
<div class="error hide">Porfavor escoje un producto 
</div> 

Answer 1

Replace you input <input type = "text" maxlength = "25 name = "CAT_Custom_500440" id = "CAT_Custom_500440"/> 

    with this span: 
    <span id='totalValue'></span> 

    And use this code then: 

$(document).ready(function() { 
// Cache the variables 
    var $elias = $('#elias'), 
     $elias1 = $('#elias1'), 
     $elias2 = $('#elias2'), 
     $product = $('#producto1'), 
     $error = $('.error'), 
     $container = $('.container'); 
    $("td").hide(); 
    var productValue; 
    $product.change(function() { 
     $(".e01 td").hide(); 
     $("td." + $(this).val()).show(); 
     // Only show the container when the selections are not first 2 
     if (this.value !== 'Selecciona' && this.value !== '00') { 
      $error.addClass('hide'); 
      $container.removeClass('hide'); 
     } else { 
      $error.removeClass('hide'); 
      $container.addClass('hide'); 
     } 
     productValue = this.value; 
    }).change(); 
    // Bind the change event for Dropdowns 
    var $quantity = $('#CAT_Custom_500436'), 
     $total = $("#totalValue"); 

    $elias.add($elias1).add($elias2).change(findTotal); 
    $quantity.keyup(findTotal); 

    function findTotal() { 
     // Get the value 
     var quan = $quantity.val(); 
     var pri = $('.' + productValue).find('select').val(); 
     var tot = pri * quan; 
     var toto = tot + " Gr de Fumispore"; 
     $total.text(toto); 
    } 
    }); 

Answer 2

你可以選擇一個元素，總集作爲文本：

創建一個DIV/SPAN或一些與ID total，然後：

$('#total').text(total);