Javascript jquery动态下拉列表

我有这个剧本：

jQuery(document).ready(function($){

$('#website').change(function() {

    $.get('inc/dropdown.php',{id: $(this).val() },function(d){
        $('#loc').replaceWith(d);
    });
});
});

在第一个下拉列表中显示此HTML

<label for="website"><strong>Web Site:</strong></label>
<?php inc dynamic form ?>

这将被动态下拉列表所取代

 <span id="loc">Please select an option from above.</span>

我遇到的问题是，当我在网站下拉列表中的项目之间单击时，它不会更新其他下拉列表。它会粘在第一个被点击的地方

我遇到的问题是，当我在网站下拉列表中的项目之间单击时，它不会更新其他下拉列表

你说的其他下拉列表是什么意思？在这里，您使用的是IDs，因此不能使用相同的脚本创建其他下拉列表。如果需要不同的元素使用此代码，则应该考虑使用类。

---

另外，您使用的是.replaceWith而不是.text。在替换DOM元素时，应该使用.replaceWith，这是您的意图吗？

jsfiddle.net/jMhPx/2-您提供的jsfiddle。我想知道传递的是什么数据。你能把数据记录下来看看你得到了什么吗？另外，你能解释一下你所说的其他下拉列表是什么意思吗？当你点击列表中的一个条目时，它会向一个PHP文件发送一个ID。然后，这将创建另一个下拉框，该下拉框将被显示出来。当你点击其中一个时，它会正常工作，但如果你点击另一个下拉条目，它只会和旧的下拉条目一起出现。“位置”下拉列表是根据在“网站”下拉列表中选择的值动态生成的下拉列表@SmernyD中包含哪些内容？如果它不包含loc，第二次它不工作的原因是因为loc已经不存在了，你正在替换它！这完全有道理！调整了代码，现在可以工作了。谢谢你指出那个重大错误！Jquery和Javascript不是我的强项！