Javascript 为什么我的jQuery在加载页面时不工作？

我有一个脚本，只有在输入发生变化时才能正常工作。 我想我的脚本开始工作时，页面加载，然后当输入将改变。 我的剧本怎么了

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
  var pricevat = <?php echo $vat; ?>;
  $('input[name=quantity]').on( 'input change', function(){
    var productQty   =  parseFloat($(".to_overlock").val());
    var meter =  parseFloat($(".qty").val());
    overlock = (((meter + productQty) *2) * pricevat).toFixed(2);
    $('#price_overlock').val(overlock);
  });
})

function my_val() {
  var singleValues = $('#pa_shirina-rulona').val();
  var stringNum = parseInt( singleValues );
  $('#to_overlock').val(stringNum);
}

$('select').change(my_val);
my_val();

$(document).ready(function(){
  $('input[name=quantity]').on( 'input change', function(){
    var meters   =  parseFloat($(".to_overlock").val());
    var qty =  parseFloat($(".qty").val());
    square = ((meters * qty)).toFixed(2);
    $('#square').val(square);
  });
})

</script>

$（文档）.ready（函数（）{
var价格VAT=；
$（'input[name=quantity]'）。在（'input change'，function（）上{
var productQty=parseFloat（$（“.to_overlock”）.val（）；
var meter=parseFloat（$（“.qty”）.val（））；
积压=（（米+产品数量）*2）*价格增值税）。固定（2）；
$（'price#u overlock'）.val（overlock）；
});
})
函数my_val（）{
var singleValues=$（'pa#u shirina-rulona'）.val（）；
var stringNum=parseInt（单值）；
$（'to'u overlock'）.val（stringNum）；
}
$（'select'）.change（my_val）；
我的妻子；
$（文档）.ready（函数（）{
$（'input[name=quantity]'）。在（'input change'，function（）上{
var meters=parseFloat（$（“.to_overlock”）.val（）；
var qty=parseFloat（$（“.qty”）.val（））；
平方=（（米*数量））.toFixed（2）；
$（'#square'）.val（square）；
});
})

初始化事件侦听器后，可以在页面加载时触发更改事件

const$sel=$（'select'）。在（'change'，function（）上{
$（'input'）.val（this.value）；
console.log（'已触发更改'）
})
$sel.val（'2'）.change（）

一个
两个

尝试使用此快速清理的代码

对于相同的选择器和相同的事件，您有两个事件处理程序。。。我合并了它们

还有一个

$（document）.ready（）

足以包装所有内容

调用

$（'select'）.change（my_val）不在就绪处理程序中。。。所以也许这就是问题所在

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
  var pricevat = <?php echo $vat; ?>;
  
  $('input[name=quantity]').on( 'input change', function(){
    var productQty =  parseFloat($(".to_overlock").val());
    var meters = parseFloat($(".qty").val());
    var qty = parseFloat($(".qty").val());
    
    var overlock = (((meters + productQty) *2) * pricevat).toFixed(2);
    $('#price_overlock').val(overlock);

    var square = ((meters * qty)).toFixed(2);
    $('#square').val(square);
  });

  function my_val() {
    var singleValues = $('#pa_shirina-rulona').val();
    var stringNum = parseInt( singleValues );
    $('#to_overlock').val(stringNum);
  }

  $('select').change(my_val);
  my_val();

});

</script>


$（文档）.ready（函数（）{
var价格VAT=；
$（'input[name=quantity]'）。在（'input change'，function（）上{
var productQty=parseFloat（$（“.to_overlock”）.val（）；
var meters=parseFloat（$（“.qty”）.val（））；
var qty=parseFloat（$（“.qty”）.val（））；
var overlock=（（仪表+产品数量）*2）*价格增值税）。toFixed（2）；
$（'price#u overlock'）.val（overlock）；
变量平方=（（米*数量））.toFixed（2）；
$（'#square'）.val（square）；
});
函数my_val（）{
var singleValues=$（'pa#u shirina-rulona'）.val（）；
var stringNum=parseInt（单值）；
$（'to'u overlock'）.val（stringNum）；
}
$（'select'）.change（my_val）；
我的妻子；
});
谢谢大家。我为我的页面内容id制作了触发器

 $(document).ready(function(){
      var pricevat = <?php echo $vat; ?>;
      $('#variator').on( 'change', function(e){
        var productQty   =  parseFloat($(".to_overlock").val());
        var meter =  parseFloat($(".qty").val());
        overlock = (((meter + productQty) *2) * pricevat).toFixed(2);
        $('#price_overlock').val(overlock);
    
        var meters   =  parseFloat($(".to_overlock").val());
        var qty =  parseFloat($(".qty").val());
        square = ((meters * qty)).toFixed(2);
        $('#square').val(square);
      });}) 
        
    function my_val() {
      var singleValues = $('#pa_shirina-rulona').val();
      var stringNum = parseInt( singleValues );
      $('#to_overlock').val(stringNum);
    }
    
    $('select').change(my_val);
    my_val();

$（文档）.ready（函数（）{
var价格VAT=；
$（“#变速器”）.on（'change'，函数（e）{
var productQty=parseFloat（$（“.to_overlock”）.val（）；
var meter=parseFloat（$（“.qty”）.val（））；
积压=（（米+产品数量）*2）*价格增值税）。固定（2）；
$（'price#u overlock'）.val（overlock）；
var meters=parseFloat（$（“.to_overlock”）.val（）；
var qty=parseFloat（$（“.qty”）.val（））；
平方=（（米*数量））.toFixed（2）；
$（'#square'）.val（square）；
});}) 
函数my_val（）{
var singleValues=$（'pa#u shirina-rulona'）.val（）；
var stringNum=parseInt（单值）；
$（'to'u overlock'）.val（stringNum）；
}
$（'select'）.change（my_val）；
我的妻子；
我需要处理这个字符串
$（'input[name=quantity]'）。在（'input change'，function（）{
上，我的所有脚本仅在输入数量更改时工作。但在页面加载时不工作。我的意思是，我的所有值仅在单击输入数量时显示。我需要处理这个字符串
$（'input[name=quantity]'）。在上（'input change'，function（）{
我的所有脚本仅在输入量更改时工作。但在加载页面时不工作。我的意思是，我的所有值仅在单击输入量时显示