Advertisement
KuoHsiangYu

JavaScriptd動態產生下拉式選單

Aug 13th, 2019
182
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="zh-TW">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>index</title>
  6. </head>
  7. <body>
  8. <div align="center">
  9.     時間: <select id="start_time" name="start_time"></select>
  10. </div>
  11. <script>
  12.     //90ED_7FD4_5B87
  13.     //https://www.facebook.com/groups/1403852566495675/permalink/2390650747815847/
  14.     //動態產生下拉式選單的時間項目
  15.     let objStartTime = document.getElementById("start_time");
  16.     for (let hour = 0; hour <= 23; hour++) {
  17.         for (let minute = 0; minute <= 30; minute += 30) {
  18.             let str = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
  19.             // let str = hour.toString().padStart(2, "0") + ":" + minute.toString().padStart(2, "0");
  20.             let objOption = new Option(str, str);
  21.             objStartTime.add(objOption);
  22.         }
  23.     }
  24. </script>
  25. </body>
  26. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement