javascript - 基于文本字段填写下拉列表的异步数据：仅 HTML/Javascript

Question

任何人都可以帮我解决这个问题。

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

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

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

更改应该是异步的，我不能使用任何按钮，并且每个 TextField 输入都应该立即更改。

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

Answer 1

没关系。我自己做的。当然谷歌帮助.. :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);
}