Javascript 链接html编号选择_Javascript_Html

Javascript 链接html编号选择

javascript html

Javascript 链接html编号选择,javascript,html,Javascript,Html,由于对javascript非常陌生，我有两个html数字选择，包括年份，我想将第二个选择与第一个选择链接在一起，这样当我在第一个选择中选择年份时（第二个选择最初没有选项），第二个选择应该包括从所选数字开始到当前年份的年份我的示例HTML代码： <select id="1st select" onchange="generate_selectNumbers()"> <option value="choose" selected>choose a year</opti

由于对javascript非常陌生，我有两个html数字选择，包括年份，我想将第二个选择与第一个选择链接在一起，这样当我在第一个选择中选择年份时（第二个选择最初没有选项），第二个选择应该包括从所选数字开始到当前年份的年份

我的示例HTML代码：

<select id="1st select" onchange="generate_selectNumbers()">
<option value="choose" selected>choose a year</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
</select
<select id="2nd select">
</select>


选择一年
2000
2001
2002
我已经把你的代码修改了一点，它似乎能工作。这是正在工作的.html文件。
我还建议您使用更详细的变量名
这是
编辑：更新以在插入新选项之前清除第二个选择选项
<html>
   <head>
      <script type="text/javascript">
         function generate_selectNumbers()
         { 
           var a = document.getElementById("selOne");
           var b = document.getElementById("selTwo");

           // clear options in second select
           for (var option in b) {
               b.remove(option);
           }

           var i = a.options[a.selectedIndex].value;
           var d = new Date();
           var n = d.getFullYear();
           for (i; i <= n; i++){
               b.options[b.options.length]= new Option(i, i);
           }
         }
      </script>
   </head>
   <body>
      <select id="selOne" onchange="generate_selectNumbers()">
         <option value="choose" selected>choose a year</option>
         <option value="2000">2000</option>
         <option value="2001">2001</option>
         <option value="2002">2002</option>
      </select>
      <select id="selTwo">
      </select>
   </body>
</html>


函数generate_selectNumbers（）
{ 
var a=document.getElementById（“selOne”）；
var b=document.getElementById（“selTwo”）；
//清除第二选择中的选项
对于（b中的var选项）{
b、 移除（可选）；
}
变量i=a.options[a.selectedIndex]。值；
var d=新日期（）；
var n=d.getFullYear（）；
因为（我；我）
<html>
   <head>
      <script type="text/javascript">
         function generate_selectNumbers()
         { 
           var a = document.getElementById("selOne");
           var b = document.getElementById("selTwo");

           // clear options in second select
           for (var option in b) {
               b.remove(option);
           }

           var i = a.options[a.selectedIndex].value;
           var d = new Date();
           var n = d.getFullYear();
           for (i; i <= n; i++){
               b.options[b.options.length]= new Option(i, i);
           }
         }
      </script>
   </head>
   <body>
      <select id="selOne" onchange="generate_selectNumbers()">
         <option value="choose" selected>choose a year</option>
         <option value="2000">2000</option>
         <option value="2001">2001</option>
         <option value="2002">2002</option>
      </select>
      <select id="selTwo">
      </select>
   </body>
</html>