問題：
為了創建更具互動性的使用者體驗，您需要根據父下拉清單中所做的選擇動態地使用選項填入下拉清單。您已嘗試使用 JavaScript 執行此操作，但在 IE 中遇到相容性問題。
解決方案：
為了增強相容性並簡化實現，讓我們將您的 JavaScript 程式碼到 JQuery。以下是使用JQuery 實作級聯下拉選單的方法：
<code class="javascript">jQuery(function($) {
var locations = {
'Germany': ['Duesseldorf', 'Leinfelden-Echterdingen', 'Eschborn'],
'Spain': ['Barcelona'],
'Hungary': ['Pecs'],
'USA': ['Downers Grove'],
'Mexico': ['Puebla'],
'South Africa': ['Midrand'],
'China': ['Beijing'],
'Russia': ['St. Petersburg'],
}
var $locations = $('#location');
$('#country').change(function () {
var country = $(this).val(), lcns = locations[country] || [];
var html = $.map(lcns, function(lcn){
return '<option value="' + lcn + '">' + lcn + '</option>'
}).join('');
$locations.html(html)
});
});</code>說明：
示範：
在 Fiddle 上嘗試現場示範：https://jsfiddle.net/HvXSz/。
以上是如何在 IE 中使用 JQuery 填入級聯下拉清單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
