Javascript 值更改前触发更改的jQuery

当从下拉列表中选择选项时，我使用jquery更改输入字段的值。字段最初通过php填充值

<label><?php echo $size->size ?></label><input type="number" name="<?php echo $lineno ?>-<?php echo $size->id ?>" id="<?php echo $lineno ?>-size<?php echo $sizeblock; ?>" class="form-control" value="<?php echo $size->qty ?>" title="">

---

上述代码按预期工作。当保存表单的值时，我没有更改ID以与数据库更新相对应。因此，实际数据库字段的值为0，这不是PHP的问题。
上述代码按预期工作。当保存表单的值时，我没有更改ID以与数据库更新相对应。因此，实际数据库字段的值为0，这不是PHP问题

jQuery(document).ready(function($) {

$("[id^=packs]").on('change', function() {              
var packname = this.value;
console.log("packname:"+packname);
var lineno = this.getAttribute('data-lineno');
console.log("lineno: "+lineno);
$.ajax({
    type: "post",
    url: "<?php echo base_url(); ?>products/pack",
    cache: false,
   // ContentType : 'application/json',               
    data: {name: packname},
    success: function(json){                        
    try{        
        var obj = jQuery.parseJSON(json);
        console.log(obj);
        console.log("size1: "+obj.packdetail[0].size1);