基於文本字段填充下拉式異步數據：僅HTML/Javascript

任何人都可以幫助我處理這件事。基於文本字段填充下拉式異步數據：僅HTML/Javascript

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

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

現在，我需要的是一個普通的HTML/Javascript（或JSP），其中如果我在文本字段中輸入1，則應該自動填充下拉列表值A，B和C. 如果我現在編輯TextField並輸入2，則下拉應動態更改爲X，Y和Z.

更改應該是異步的，我不能使用任何按鈕，而且應該對每個TextField輸入立即進行更改。

是否可以使用簡單的JavaScript和HTML？請幫忙。

來源

2013-06-12 Random Guy

歡迎S.O.我們互相幫助解決您在嘗試某種解決方案時出現的特定問題。你有什麼嘗試？ –

我在想可能是我們可以在onkeyup事件上運行一些javascript函數，但是我不知道如何動態地填充下拉菜單。該解決方案附近的任何地方嗎？ –

沒關係。我自己做的。當然谷歌幫助..：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); 
}

來源

2013-06-13 09:38:25

基於文本字段填充下拉式異步數據：僅HTML/Javascript

回答

相關問題