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

Are you using JavaScript or jQuery besides the html? If you are, you can do something like:

HTML:

<select id='some_selector'></select>?

jQuery:

var select = '';
for (i=1;i<=100;i++){
    select += '<option val=' + i + '>' + i + '</option>';
}
$('#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:

<input type="number" min="1" max="100" value="1">

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

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

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

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

In Html5  you can now use    lt form gt   lt input type  number  min  1  max  100  gt   lt  form 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

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

Examples related to html

Examples related to forms