Jquery 如何在进行选择时删除以前的li？

使用下面的代码生成新的li列表没有问题。问题是我无法在生成新列表后生成li列表。我认为，如果删除前一个列表进行选择，它将起作用，但需要帮助才能完成此操作

<script type="text/javascript">
$(document).ready(function() 
{

    $("#optionA, #optionB").change(function()
    {
            var fileName = $('#optionB').val() + '_' +  $('#optionA.val() + '.txt';

        $.getJSON(fileName, function(data) 
                {
                $.each(data, function(i,el) 
                {
                              $("ul").append("<li>" + el.name + "</li>");
                });
        });
    });
});

$（文档）.ready（函数（）
{
$（“#optionA，#optionB”）。更改（函数（）
{
var fileName=$（'#optionB'）.val（）+'#'+$（'#optionA.val（）+'.txt'）；
$.getJSON（文件名、函数（数据）
{
$。每个（数据、功能（i、el）
{
$（“ul”）。追加（“
”+el.name+”
”；
});
});
});
});

更新代码

<select id="optionA">
    <option value="a"> A </option>
    <option value="b"> B </option>
    <option value="c"> C </option>
    <option value="d"> D </option>
</select>
<select id="optionB">
    <option value="e"> E </option>
    <option value="f"> F </option>
    <option value="g"> G </option>
    <option value="h"> H </option>
</select>

<script type="text/javascript">
    $(document).ready(function() 
    {

        $("#optionA, #optionB").change(function()
        {
                var fileName = $('#optionB').val() + '_' +  $('#optionA').val() + '.txt';

            $.getJSON(fileName, function(data) 
                    {
                    alert(fileName);
                    $.each(data, function(i,el) 
                    {
                                  $("ul").append("<li>" + el.name + "</li>");
                    });
            });
        });
    });
</script>

A.
B
C
D
E
F
G
H
$（文档）.ready（函数（）
{
$（“#optionA，#optionB”）。更改（函数（）
{
var fileName=$（'#optionB'）.val（）+'#'+$（'#optionA'）.val（）+'.txt'；
$.getJSON（文件名、函数（数据）
{
警报（文件名）；
$。每个（数据、功能（i、el）
{
$（“ul”）。追加（“
”+el.name+”
”；
});
});
});
});

全部转到

ul

我在您的代码中看不到

ul

<div id="ulist"><ul></ul></div>

尝试将其添加到代码中

<div id="ulist"><ul></ul></div>

这是什么#optionA和#optionB。请提供您的html

$（'#optionA.val（）

似乎您丢失了一些东西，我想应该是：

$（'#optionA'）。val（）

例如，ur el在第一次迭代中是一个锚点，el在下一次迭代中更改为a。是否要删除并附加？更新代码，但问题仍然是$（document）.ready（function（）{$（“#optionA，#optionB”）.change（function（））{var fileName=$（'#optionB'）.val（）+'#+$（'#optionA'）.val（）+'.txt'；$.getJSON（文件名，函数（数据）{alert（fileName）；$.each（数据，函数（i，el）{$（“ul”）.append（

“+el.name+”

；}）；}）；}）；@BWR:您可以编辑您的问题，而不是将代码作为注释发布。