问题：
为了创建更具交互性的用户体验，您需要根据父下拉列表中所做的选择动态地使用选项填充下拉列表。您已尝试使用 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中文网其他相关文章！
