尝试在动态字段输入中使用本机javascript集成年份列表

尝试在动态字段输入中使用本机javascript集成年份列表,javascript,html,dynamic,Javascript,Html,Dynamic,我在这个网站上做了很多搜索,并提出了两种方法,我想一起使用。根据其他编程经验,我觉得我需要嵌套正在使用的函数 我想一起使用的两个函数是 根据儿童和儿童总数创建动态输入 根据创建的子项数量创建动态字段后,可以选择的自动更新年份的选择列表 基于我有限的JavaScript经验,我在这方面有点困难,需要一些帮助 这是我到目前为止的代码,为每个创建的子字段生成“选择列表”的年份存在问题 函数addinputFields(){ var number=document.getElementById(“子”

我在这个网站上做了很多搜索,并提出了两种方法,我想一起使用。根据其他编程经验,我觉得我需要嵌套正在使用的函数

我想一起使用的两个函数是

  • 根据儿童和儿童总数创建动态输入
  • 根据创建的子项数量创建动态字段后,可以选择的自动更新年份的选择列表
  • 基于我有限的JavaScript经验,我在这方面有点困难,需要一些帮助

    这是我到目前为止的代码,为每个创建的子字段生成“选择列表”的年份存在问题

    函数addinputFields(){
    var number=document.getElementById(“子”).value;
    while(container.hasChildNodes()){
    container.removeChild(container.lastChild);
    }
    对于(i=0;i对于(var a=min;a我从您的问题中了解到的您在所选年份列表中面临的问题。因此,我对您的代码做了一些更改,如果您正在寻找,这将对您有所帮助

    function addinputFields() {
      var number = document.getElementById("child").value;
      while (container.hasChildNodes()) {
        container.removeChild(container.lastChild);
      }
    
      for (i = 0; i < number; i++) {
    
        container.appendChild(document.createTextNode("Child " + (i + 1)));
    
        var input = document.createElement("input");
        var selectList = document.createElement("select");
        selectList.id = "year"+(i+1);
    
        var min = new Date().getFullYear() - 40;
        cur = new Date().getFullYear();
        select = document.getElementById('year');
        for (var a = min; a <= cur; a++) {
          var opt = document.createElement('option');
          opt.value = a;
          opt.text = a;
          selectList.appendChild(opt);
        }
        input.type = "text";
        input.name = "Child" + i;
        container.appendChild(input);
        container.appendChild(selectList);
      }
    }
    
    函数addinputFields(){
    var number=document.getElementById(“子”).value;
    while(container.hasChildNodes()){
    container.removeChild(container.lastChild);
    }
    对于(i=0;i对于(var a=min;a我能够调整您对我的代码的调整,现在它正是我想要的

    再次感谢所有的帮助

    函数addinputFields(){
    var number=document.getElementById(“子”).value;
    while(container.hasChildNodes()){
    container.removeChild(container.lastChild);
    }
    对于(i=0;i对于(var a=min;a)来说,这非常接近,我感谢您的快速响应。我正在尝试的是,一旦我添加了我想要的孩子数量,就只创建年份选择列表。