สอบถามเรื่องการกรอกรับจำนวนและการแสดงผลตามจำนวนที่กรอก สามารถทำได้มั้ยและต้องทำยังไง

$amt_box = $_POST['จำนวนกล่อง'];
for($i=1;$i<=$amt_box;$i++){
 echo "<div style='width: 20%;height:100px;border:1px solid #000;float: left;
  '></div>";
}

<script type="text/javascript">
$(document).ready(function () {
                $("#box").keyup(function () {
                    if ($(this).val() >= 1) {
                        $("#div1").html("");
                        for (var i = 1; i <= $(this).val(); i++) {
                            $("#div1").append("<div style='width:100px;height:100px;border:1px solid #FFE650;float: left;' align='center'></div>");
                        }
                    } else {
                        $("#div1").html("No selected");
                    }
                });

            });
</script>

 <input type="text" class="form-control" id="box" placeholder="Number of boxes">
 <div id="div1"></div>