как я могу проверить значение входных данных внутри скрытого DIV

У меня есть налоговый калькулятор со многими входами, которые передают данные друг другу. Пользователь видит только один ввод, а другие входы находятся в скрытом div (используется только для расчета предложения).

инспектор элементов Google-Chrome не показывает значение входных данных, когда они находятся в скрытом div (однако он показывает значение входных данных с атрибутом type="hidden"). Итак, как я могу проверить и отладить форму со скрытыми элементами 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>


google-chrome inspect-element
person Ali Sheikhpour    schedule 09.01.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы имели в виду «я не вижу атрибут в 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>

person Ali    schedule 09.01.2018