Question

我使用html在javascript上制作这个计算器并且我已经将它工作了我只想输入纯文本中的总数而不是我现在输入的内容....

JS Fiddle就在这里：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或标识为total的内容，然后：

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

如何使它写入总数而不是在输入框中显示？

2 个答案: