Javascript 如何在js中用相应的文本框更新组合框？

我正在尝试更新combobox。如果用户在文本框中输入url。基于url，我获取一些信息并将这些数据推送到组合框中

代码：

-
选择字段
-
选择字段
-
选择字段
函数Getfields（事件）{
var txturl=events.target.value；
//我从url获取详细信息，它给出了一个数组
cmbdata=[1,2,3,4,5,6,7,8]；
selle=events.currentTarget.children[0]。children[4]
cmbdata.forEach（功能（条目）{
选择添加（新选项（条目））；
}

---

我的输入计数根据URL增加，然后childs索引也会更改如何更新，如果用户粘贴在第二个文本框上，只填充第二个选择标记….

在HTML中，将函数

getFields

与

this

作为其参数传递，如下所示

<div id="updatecmb">
  <div class="Urlwithflds">
    <input type="text" class="Geturl" placeholder="Layer URL" onchange="getfields(this)">
    <button class="rmvbtn">-</button>
    <br>
    <label for="FeaLayerflds">Select Fields</label>
    <select class="Flds" name="FeaLayerflds">
    </select>
  </div>
  <div class="Urlwithflds">
    <input type="text" class="Geturl" placeholder="Layer URL" onchange="getfields(this)">
    <button class="rmvbtn">-</button>
    <br>
    <label for="FeaLayerflds">Select Fields</label>
    <select class="Flds" name="FeaLayerflds">
    </select>
  </div>
  <div class="Urlwithflds">
    <input type="text" class="Geturl" placeholder="Layer URL" onchange="getfields(this)">
    <button class="rmvbtn">-</button>
    <br>
    <label for="FeaLayerflds">Select Fields</label>
    <select class="Flds" name="FeaLayerflds">
    </select>
  </div>
</div>

完成了

试试看

函数getfields（目标）{
const txtrl=target.value；
//假设我们从给定的url获取一些数据作为数组
cmbdata=[1,2,3,4,5,6,7,8]；
selle=target.parentElement.querySelector（'select'）；
cmbdata.forEach（功能（条目）{
选择添加（新选项（条目））；
});
}

正文{
背景：白色；
颜色：#323232；
保证金：0；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
字体系列：Helvetica neue，roboto；
}

-


选择字段
-


选择字段
-


选择字段

您的问题有点不清楚

<div id="updatecmb">
  <div class="Urlwithflds">
    <input type="text" class="Geturl" placeholder="Layer URL" onchange="getfields(this)">
    <button class="rmvbtn">-</button>
    <br>
    <label for="FeaLayerflds">Select Fields</label>
    <select class="Flds" name="FeaLayerflds">
    </select>
  </div>
  <div class="Urlwithflds">
    <input type="text" class="Geturl" placeholder="Layer URL" onchange="getfields(this)">
    <button class="rmvbtn">-</button>
    <br>
    <label for="FeaLayerflds">Select Fields</label>
    <select class="Flds" name="FeaLayerflds">
    </select>
  </div>
  <div class="Urlwithflds">
    <input type="text" class="Geturl" placeholder="Layer URL" onchange="getfields(this)">
    <button class="rmvbtn">-</button>
    <br>
    <label for="FeaLayerflds">Select Fields</label>
    <select class="Flds" name="FeaLayerflds">
    </select>
  </div>
</div>

function getfields(target){
  const txturl = target.value;
  // assuming we fetched some data from given url as an array
  cmbdata = [1,2,3,4,5,6,7,8];

  // find the element 'select' within the parent element
  selele = target.parentElement.querySelector('select');

  // append each fetched data as new option
  cmbdata.forEach(function(entry) {
    selele.add(new Option(entry));
  });
}