การสร้าง Dropdown อายุด้วย Ajax

ในบางครั้งการทำ Dropdown ที่มี list เยอะๆ เราควรจะดึงจากฐานข้อมูลหรือถ้าเป็นตัวเลขก็สั่งให้วนลูปจะเขียนสั้นกว่าโดยเราจะใช้ Ajax มาช่วยในการจัดการ

PHP

<select id="1-100"></select>
<input type="number" min="1" max="100" value="1">

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
     $(function() {
          var $select = $("#1-100");
          for (i=1;i<=100;i++) {
               $select.append($('<option></option>').val(i).html(i))
          }
     });
</script>

ดาวน์โหลด : ที่นี่