javascript，使用从值输入文本字段的数组动态填充下拉列表

Question

嗨，我这里有一个代码示例： http : //jsbin.com/oxoweh

我的问题是我无法获取在文本框中输入的值，因此，当单击选择按钮时，第二个下拉列表将仅显示与在文本框中输入的内容有关的数据。 例如，如果在文本框中输入了水果，我想让subcat下拉菜单中包含所有水果，而不是使用现有的类别下拉菜单

Answer 1

http://jsfiddle.net/goldentoa11/P3hs8/1/

我向您的“ SelectSubCat（）”添加了一个名为txtValue的参数。 这样，您就可以传递要与之比较的值。

调用时，需要使用文本字段的值来调用“ SelectSubCat（）”函数。 我在名为“ selectText”的文本字段中添加了一个ID，并在单击按钮时添加了

onclick="SelectSubCat(document.getElementById('selectText').value)"

这将使用输入文本来调用该函数。 然后，它不使用表单中的值，而是使用传递给它的值，并创建适当的子类别。 最后，您需要更改类别的“ onchange”功能以仅传递一个空字符串。

function SelectSubCat(txtValue) {

if(txtValue == "") txtValue = document.drop_list.Category.value;
// This line is to set txtValue to Category's value if the current value is blank. 
// In other words, if it was called by changing the dropdown, 
// give it the drop down's value.

// ON selection of category this function will work
removeAllOptions(document.drop_list.SubCat);
addOption(document.drop_list.SubCat, "", "SubCat", "");

if (txtValue == 'Fruits') {
    addOption(document.drop_list.SubCat, "Mango", "Mango");
    addOption(document.drop_list.SubCat, "Banana", "Banana");
    addOption(document.drop_list.SubCat, "Orange", "Orange");
}
if (txtValue == 'Games') {
    addOption(document.drop_list.SubCat, "Cricket", "Cricket");
    addOption(document.drop_list.SubCat, "Football", "Football");
    addOption(document.drop_list.SubCat, "Polo", "Polo", "");
}
if (txtValue == 'Scripts') {
    addOption(document.drop_list.SubCat, "PHP", "PHP");
    addOption(document.drop_list.SubCat, "ASP", "ASP");
    addOption(document.drop_list.SubCat, "Perl", "Perl");
}

}