jquery事件重置html内容

场景：1、选择下拉框任务名称后，列出任务的所有IP   2、选择对应任务IP后，列出具体内容信息

html代码如下：

{% block content %}
    <div class="ui two column stackable grid" style="margin-top:4em;margin-left: 14em">
        <div class="column">
                <div>
                    <select name="skills" class="ui dropdown" id="mission-select" style="width: 250px">
                    {% for name in mission %}
                    <option value="{{ name.0 }}">{{ name.0 }}</option>
                    {% endfor %}
                    </select>
                </div>
        </div>
        <div class="column">
            <div class="ui search">
              <div class="ui icon input">
                <input class="prompt" placeholder="IP搜索" type="text">
                <i class="search icon"></i>
              </div>
            </div>
        </div>
    </div>
    </div>
    <h4 class="ui horizontal divider header"><i class="bar"></i>详细信息</h4>

<!--触发下拉框后显示的IP列表-->
  <div class="ui one row padded grid">
      <div class="three wide column">
          <div class="ui secondary vertical menu" id="iplist">

        </div>
      </div>
  <div class="twelve wide column">
      <table class="ui celled padded table">
      <thead>
        <tr>
        <th class="single line">IP地址</th>
        <th>端口</th>
        <th>状态</th>
        <th>服务</th>
        <th>用户名/密码</th>
        <th>Banner</th>
        <th>title</th>
        <th>任务名称</th>
      </tr></thead>
          <!--显示IP信息表格-->
          <tbody id="ip_info">

          </tbody>
      </table>
      </div>
  </div>
{% endblock %}

js代码：

        //下拉框触发事件
        $(document).ready(function(){
            $('#mission-select').dropdown({
            onChange: function() {
                var temp = $('#mission-select').dropdown('get value');
                $.ajax({
                url:'/abyss/display',
                type:'POST',
                tradition:true,  {#对数据原生处理，不做加工#}
                data:{data0:temp}, {#类似以json.dumps转换为字符串的方式#}
                success:function (arg) {   //arg为返回的数据
                    var test_ip = jQuery.parseJSON(arg); {#把返回的字符串数据用json.load成字典#}
                        var tag="";
                        for (var i=0;i<test_ip.length;i++){
                            var tem = test_ip[i];
                            var tag=tag+"<a class='item' name="+temp+" onclick='get_ipinfo(this);'>"+tem+"</a>";
                    }
                            var id1=document.getElementById('iplist');  //选择器选择对应标签id
                            id1.innerHTML=tag   //生成html
                    }
                });
            }
            });
        });

       //IP列表中点击事件
       function get_ipinfo(obj) {
           var v1 = obj.text;   //获取当前点击的IP
           var v2 = obj.getAttribute('name');
           $.ajax({
               url: '/abyss/queryapi',
               type: 'GET',
               tradition: true, {#对数据原生处理，不做加工#}
               data: {data0: v1,data1:v2},
               success: function (args) {   //arg为返回的数据
                   $('#ip_info').text("");
                   var info = jQuery.parseJSON(args);
                   {#把返回的字符串数据用json.load成字典#}
                   for (var j=0;j<info.length;j++){
                        $("tbody").append("<tr>"
                       + "<td>" + info[j][0] + "</td>"
                            + "<td>" + info[j][1] + "</td>"
                            + "<td>" + info[j][2] + "</td>"
                            + "<td>" + info[j][3] + "</td>"
                            + "<td>" + info[j][4] + "</td>"
                            + "<td>" + info[j][5] + "</td>"
                            + "<td>" + info[j][6] + "</td>"
                            + "<td>" + info[j][7] + "</td>"
                       + "</tr>");
                   }
               }
           });
       }