javascript - Specify range of numbers based on the selected number -

when user select number 1000243, want option range 200 numbers inputed number. be:

   //user input number here    <select id="manual">         <option value="1000243">1000243</option>     //automatically generate 200 number range    <select id="automatic">        <option value="1000243">1000244</option>                 ...into...       <option value="1000243">1000443</option> 

or, user select number of 4500123, option range 200 numbers start 4500124 4500323:

   //user input number here    <select id="manual">         <option value="4500123">4500123</option>     //automatically generate 200 number range    <select id="automatic">         <option value="4500124">4500124</option>                ...into...       <option value="4500324">4500324</option> 

one thing manual number user choose in dropdown option on select.

how this? in advance.

if can use jquery can use change event handler update second select

var $auto = $('#automatic') $('#manual').on('change', function () {     var value = +$(this).val();     $auto.empty();     (var = 0; < 200; i++) {         $('<option>', {             text: + value         }).appendto($auto);     } }).change() 

demo: fiddle

---

without jquery

var auto = document.getelementbyid('automatic'); var manual = document.getelementbyid('manual'); manual.addeventlistener('change', updateautomatic, false);  function updateautomatic() {     while (auto.firstchild) {         auto.removechild(auto.firstchild);     }     var value = +manual.value;     (var = 0; < 200; i++) {         var opt = document.createelement('option');         opt.value = + value;         opt.innerhtml = + value;         auto.appendchild(opt);     } } updateautomatic(); 

demo: fiddle