Php JQuery滑块在提交和更改div width/height后保存值

我想用滑块调整div的宽度和高度。单击“提交”按钮后，我希望将div的宽度和高度调整为滑块设置的值。到目前为止，我实现的是在我来回滑动时调整div，但一旦我单击submit，它就会重置为正常，而不是显示原来的大小

<script>
  $(function() {
    $("#slider").slider({
      value:parseInt($("input[name='slider_id']").val(), 10), min: 10, max: 400, step: 10, slide: function(event, ui) {
        $("#amount").val(ui.value);
        $('.ad_display').css('width', (ui.value+50) + 'px');
        $('.ad_display').css('height', (ui.value+50) + 'px');
      }
    });
    $("#amount").val($("#slider").slider("value"));
  });
</script>

$（函数（）{
$（“#滑块”）.滑块({
值：parseInt（$（“输入[name='slider\u id']）.val（），10），最小值：10，最大值：400，步骤：10，幻灯片：函数（事件，用户界面）{
美元（“#金额”）.val（ui.value）；
$（'.ad_display'）.css（'width'，（ui.value+50）+'px'）；
$（'.ad_display'）.css（'height'，（ui.value+50）+'px'）；
}
});
$（“金额”）.val（$（“滑块”）.slider（“值”）；
});

滑块：

<input type="text" id="amount" class="slider_size" name="slider_id" value="<?php echo $ad_size; ?>"> %<br><div id="slider"></div>

---

我的php太生疏了，所以我不会发布代码/答案，但一般来说，您可以声明一个隐藏的输入字段，并将JS函数中的值存储在其中。然后在回发后，使用$u GET[]和隐藏输入的名称，并将其回退到默认值。该值保持设置为的值，但由于某些原因，宽度和高度会返回到原始值。。为什么我需要一个隐藏字段呢？一个隐藏字段会将任何值返回到服务器，并可用于php代码。然后，可以重用该值来设置隐藏字段存储值的宽度和高度。您遇到的问题是由于web体系结构的无状态特性造成的。隐藏字段只是表单数据的一部分，是在请求之间维护状态的一种方法。我希望您没有使用echo-isset（$\u-GET['slider\u-id']）。Isset仅确定给定变量是否有值（例如，它返回TRUE或FALSE…否则称为布尔值）。我们能看看你剩下的代码吗？
  echo  '<div class="ad_display" id="'.$date.'" style="width:'.$ad_size.'+50px;height:'.$ad_size.'+50px;">blabla</div>'