基于文本字段在下拉列表中填充异步数据：仅HTML/Javascript

有人能帮我做这件事吗

我只需要两个字段。一个文本字段和一个下拉字段

现在，我们有如下值：- [1->A、B、C]。[2->X，Y，Z]。[3->P，Q，R]

现在，我需要的是一个简单的HTML/Javascript（或JSP），其中 如果在文本字段中输入1，则下拉列表应自动填充值A、B和C。 如果我现在编辑文本字段并输入2，下拉列表应动态更改为X、Y和Z

更改应该是异步的，我不能使用任何按钮，并且更改应该与每个TextField输入一起立即进行

---

可以使用简单的JavaScript和HTML吗？请帮忙。

没关系。我自己做的。当然，谷歌帮助了D 我把它放在这里，以防有人需要它

我在TextField的onkeyup事件上调用了一个javascript方法。 在该函数中，我调用了另外两个方法，一个用于将值添加到下拉列表中，另一个用于在检查TextField的值后，在需要时删除所有下拉列表值

以下是添加和删除值的方法：-

function clearDropdownValues(selection)
{
var i;
for(i=selection.options.length-1;i>=0;i--)
{
    selection.remove(i);
}
}


function addOptionToDropdown(selection, value, text )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selection.options.add(optn);
}

---

欢迎来到S.O.我们互相帮助，解决您尝试解决方案时出现的具体问题。你尝试过什么？我在想我们可以在onkeyup事件上运行一些javascript函数，但我不知道如何动态填充下拉列表。这接近解决方案吗？