根据所选数字指定数字范围

当用户选择数字 1000243 时，我想要另一个选项来从该输入的数字中选择 200 个数字。所以它会是：

   //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>

或者，用户选择数字 4500123，因此另一个选项的范围是从 4500124 到 4500323 的 200 个数字：

   //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>

一件事是用户选择的手动号码位于选择的下拉选项中。

这个怎么做？提前致谢。

如果您可以使用 jQuery，那么您可以使用更改事件处理程序来更新第二个选择

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

Demo: Fiddle http://jsfiddle.net/arunpjohny/a4nmkjof/

没有 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;
    for (var i = 0; i < 200; i++) {
        var opt = document.createElement('option');
        opt.value = i + value;
        opt.innerHTML = i + value;
        auto.appendChild(opt);
    }
}
updateAutomatic();

Demo: Fiddle http://jsfiddle.net/arunpjohny/a4nmkjof/4/