是否有任何解决方案可以在输入中获取跨度值？

Question

如何从 Span 类获取数据以输入值输出？ 尝试过任何但不工作..

像这样的东西

 <input type="text" value="<span class='total_all_amounts'>00.00</span>">

我只需要来自类total_all_amounts 的数据以输入类型显示

这里是 javascript 和代码

 <script>
        $('.quantity').on('input', function(){
          var parent = $(this).closest('tr');
          var totalAmt = parseInt(parent.find('.total').val());
          var quantity = parseInt($(this).val());

          parent.find('.total_amount').text(totalAmt*quantity);

          calcul_total_quatities();
        })

        function calcul_total_quatities()
        {
          var total = 0;
          $('.total_amount').each(function(){
            total += parseInt( $(this).text() );
          })
          $('.total_all_amounts').text(total);

          post_data_to_server($('.total_amount').val(),total);
        }
    </script>

代码是

<span class="total_amount">100</span>
<input type="hidden" class='total' value="100" />
<input type="number" class='quantity' value="0" name="qty" />

''。

我需要的是当我增加数量时，它会在输入类型上实时显示<input type="text" value=" **total amount will show here** ">

Answer 1

您应该做的是为您的<span>和<input>标签添加唯一 ID（以避免循环遍历类），如下所示：

<div>
  <p>
    Cost: <span id ="costSpan" class="total_amount">100</span>
  </p>
</div>
<div>
  <p>
    Total: <span id ="totalSpan" class="total_amount">0</span>
  </p>
</div>

<input id="hiddenInput" type="hidden" class='total' value="" />
<input id="quantity" type="number" class='quantity' min="0" value="0" name="qty" />

然后使用JavaScript来检索输入的值quantity时，它是使用编辑input监听器，多值quantity与整分析的价值total_amount然后将其分配给隐藏输入的值到您这反过来，受让人span像标签这个：

var quantity = document.getElementById('quantity');
var hiddenInput = document.getElementById('hiddenInput');
var costVal = document.getElementById('costSpan');
var totalVal = document.getElementById('totalSpan');

function updateVal(){
  hiddenInput.value = quantity.value * parseInt(costVal.innerHTML);
  totalVal.innerHTML = hiddenInput.value;
}

quantity.addEventListener("input", updateVal);

---

jsFiddle 上面的代码： http : //jsfiddle.net/AndrewL64/vqson3cd/14/