Easy way to add drop down menu with 1 - 100 without doing 100 different options

Question

I was just wondering if there was a simple shortcut to add options to a dropdown menu for the numbers 1 to 100 instead of having to do the following    lt option value  1  gt 1 lt  option gt   lt option value  2  gt 2 lt  option gt   lt option value  3  gt 3 lt  option gt   lt option value  4  gt 4 lt  option gt   lt option value  5  gt 5 lt  option gt   lt option value  6  gt 6 lt  option gt   lt option value  7  gt 7 lt  option gt    etc  all the way to 100   Thanks

User · Answer

In Html5  you can now use    lt form gt   lt input type  number  min  1  max  100  gt   lt  form gt

User · Answer

I see this is old but    I dont know if you are looking for code to generate the numbers options every time its loaded or not  But I use an excel or open office calc page and place use the auto numbering all the time  It may look like this        lt option gt      1      lt  option gt     Then I highlight the cells in the row and drag them down until there are 100 or the number that I need  I now have code snippets that I just refer back to

User · Answer

Not with plain HTML I m afraid   You could use some jQuery to do this though     function        var  select       1-100        for  i 1 i lt  100 i              select append     lt option gt  lt  option gt    val i  html i                -- SEE DEMO --  You can download jQuery here

User · Answer

Are you using JavaScript or jQuery besides the html  If you are  you can do something like   HTML    lt select id  some selector  gt  lt  select gt     jQuery   var select       for  i 1 i lt  100 i         select      lt option val     i     gt     i     lt  option gt          some selector   html select     As you can see here   Another option for compatible browsers instead of select  you can use is HTML5 s input type number    lt input type  number  min  1  max  100  value  1  gt

User · Answer

Not with pure HTML as far as I know   But with JS or PHP or another scripting language such as JSP  you can do it very easily with a for loop   Example in PHP    lt select gt   lt  php     for   i 1   i lt  100   i                    gt               lt option value   lt  php echo  i   gt   gt  lt  php echo  i   gt  lt  option gt           lt  php         gt   lt  select gt

User · Answer

Jquery One-liners   ES6   jQuery       select   append     Array 100  keys    map  i j    gt    lt  option  gt   i  lt  option  gt       Lodash   jQuery       select   append   range 100  map function i j   return     lt option gt    text i

User · Answer

As everyone else has said  there isn t one in html  however  you could use PUG Jade  In fact I do this often   It would look something like this   select   - var i   1   while i  lt   100     option i     This would produce

[html] Easy way to add drop down menu with 1 - 100 without doing 100 different options?

Examples related to html

Examples related to forms