使用下面的代码生成新的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>
答案 0 :(得分:0)
全部到ul
我无法在您的代码中看到ul
尝试将此添加到您的代码中
<div id="ulist"><ul></ul></div>