javascript - 输入更改时生成选项选择

Question

<select id="gameid">
     //<option is a number 1-999>
</select>

<select id="netid">
     //<option is a number 1-999>
</select>

<select id="camp_id">
 <script>
 var a = $("#gameid").val(); 
 var b = $("#netid").val(); 
 var c = a+b; 

 for (var i = 1; i<=999; i++)
    {
        document.write("<option value='"+c+i+"'>"+c+i+"</option>");
    }
 </script>
</select>

上面的代码是生成一些选项进入选择。

我想要做的是，如果#gameid中的val改变，选项列表也会改变，#netid也是如此。

但是，该选项不会改变。它保留#gameid 和#netid 的默认值。

我不知道我在这里错过了什么。我需要帮助，请。

[更新]

这段代码几乎可以工作。但是，当我在选择了 #cameid 后对 #cameid 进行第二次更改时，它不会再更改 #campid 选择。如果我也在 #netid 上进行更改，它会再次更改。

$("#gameid" && "#netid").on('change', function(){
   a = $("#gameid").val(), 
   b = $("#netid").val(),
   c = a+b; 
   $("#camp_id").empty();

   for (var i = 1; i<=999; i++){
    $("#camp_id").append("<option value='"+(c+i)+"'>"+(c+i)+"</option>");
   }   
});

Answer 1

使用这样的东西:

var options = ''; 
for (var i = 1; i<=999; i++)
{
  options += "<option value='"+c+i+"'>"+c+i+"</option>";
}
document.getElementById('camp_id').innerHTML = options;

如果需要，使用类似于将选项插入其他选择框的方式