動態更新jQuery中的keyup選擇選項

Question

FIDDLE LNK爲我的3選擇選項。我想要做的是在document.ready Continent將populated然後country上的活躍大陸的country負載，然後將加載city取決於country。

此外，我有輸入文本時，用戶鍵入到文本框中，將作爲選定的選項將出現在選擇的值。

Answer 1

在您的提交按鈕中點擊代碼，您必須在下拉菜單中添加新選項而不是更新值。因此，而不是這樣的：

$('#continentselect').val(continent); 
$('#countryselect').val(country); 
$('#cityselect').val(city); 

試試這個：

$('#continentselect').append('<option>' + continent + '</option>'); 
$('#countryselect').append('<option>' + country + '</option>'); 
$('#cityselect').val('<option>' + city + '</option>'); 

另外你需要更新你的JS數組即country，continent和city從文本框的新輸入的值。