如何在选择时删除以前的li?

时间:2011-07-03 14:47:52

标签: jquery

使用下面的代码生成新的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>");
                });
        });
    });
});

更新了代码

<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>

1 个答案:

答案 0 :(得分:0)

全部到ul我无法在您的代码中看到ul

尝试将此添加到您的代码中

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