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

Question

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

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

现在，我们有以下值： - [1 - ＆gt; A，B，C]。 [2 - ＆gt; X，Y，Z]。 [3 - ＆gt; P，Q，R]

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

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

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

Answer 1

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