如何检查隐藏DIV中输入的值

Question

我有一个含有许多输入的税收计算器，可以相互传递数据。用户只能看到一个输入而其他输入都在隐藏的div中（仅用于计算建议）。

Google-Chrome元素检查器在隐藏div中时不显示输入值（但是它显示属性类型=“隐藏”的输入值）。那么如何使用隐藏的div检查和调试表单？

    $(document).ready(function(){
      $("#price").on("input paste keyup",function(){
      var power=$("#power").val();
      $("#taxSet").val(parseInt($("#price").val()) * 0.1);
      $("#taxAmount").val(parseInt($("#taxSet").val())*power  + 
      parseInt($("#price").val()));
      });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="price">
<div style="display:none">
   <input id="power" value="5">
   <input id="taxSet">
   <input id="taxAmount">
</div>

Answer 1

您的意思是“我看不到DOM上的属性”，例如#power？

我的第一个建议使用attr，所以更改属性值。

var fakeValye = 10;
$("..blah").val(fakeValue).attr('value', fakeValue);

如果你不这样说，你只是谈论调试。您应该使用调试器关键字。

我为你重构了你的代码。

$(document).ready(function() {
    $("#price").on("input paste keyup", function() {
		debugger;
        var power = $("#power").val();
		var taxtSet = parseInt($("#price").val()) * 0.1;
        $("#taxSet").val(taxtSet);
		var taxAmount = parseInt($("#taxSet").val()) * power + parseInt($("#price").val())
        $("#taxAmount").val(taxAmount);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="price">
<div style="display:none">
   <input id="power" value="5">
   <input id="taxSet">
   <input id="taxAmount">
</div>