Question

关于Jquery append()的问题

做了一个级联，但是每次点击一级菜单后，二级菜单的内容不改变，而是直接接着上次的连在一起。像这样

首先，我选“软件工程的时候”，二级菜单正常显示。当我再选“嵌入式”的时候，二级菜单的内容是“软件工程”和"嵌入式"下的列表。以此类推。请问这是什么原因造成的。
这是我的代码
<script language="JavaScript"> var menu_arr = <?php echo json_encode($mlist);?>; function get_menu() { var show_html=""; var pid = $("#first_menu").val(); $(menu_arr).each(function(k,v){ if(pid==v.parentid) { show_html += "<option value='"+v.itemId+"'>"+v.itemName+"</option>"; } }); $("#second_menus").append(show_html); $("#second_menus").prop('value',1); }</script>
#first_menu" 是一级菜单ID,#second_menus是二级菜单ID。show_html是要插入的字符串。哪位高手帮忙解答一下，不胜感激

Answer 1

每次1级菜单改变的时候。清除掉二级菜单里面数据再进行加载

Answer 2

你好！！

$("#second_menus").empty().append(show_html);