终于解决了这个问题，看了一天了。。。

function switchTag() {
var ul = document.getElementsByTagName("ul")[0];
       var li = ul.getElementsByTagName("li");
       for(var i=0;i<li.length;i++){
           li[i].onclick=function(){
            var id = this.getAttribute("value");
             switch(id){
case '1':        //这个地方弄了好久，好不容易将ul 中li的value值只输出一次了，但是总是执行不了后面一段Ajax操作，后面在其后面弹出一句话，发现这句话没有输出 才发现是比对时出错的  我将  case'1' 字符串写成了 case 1，然后就比对不了，后面发现输出的应该是一个字符串，改成这段终于可以了
$.ajax({
       url: 'show1_showDistribution.action',
       dataType: 'json',
       //type: 'POST',
       success: function (data) {
        var str="";
        var dataObj=eval(data.obj);
        str+='<tr font-size="17"><td width="8%">编号</td><td width="8%">校区</td><td width="8%">楼栋</td><td width="8%">性别</td><td width="10%">寝室号</td><td width="10%">学号</td><td width="10%">姓名</td><td width="8%">操作</td></tr>';
   str+='<td width="60px">'+dataObj[0]+'</td>';
str+='<td width="60px">'+dataObj[1]+'</td>';
str+='<td width="60px">'+dataObj[2]+'</td>';
str+='<td width="60px">'+dataObj[3]+'</td>';
str+='<td width="60px">'+dataObj[4]+'</td>';
str+='<td width="60px">'+dataObj[5]+'</td>';
str+='<td width="60px">'+dataObj[6]+'</td>';
str+='<td width="20%" id="mya"><a  href="#" class="big-link" data-reveal-id="myModal" onClick="deleteDistribution('+dataObj[0]+')">删除</a>/<a  href="#" data-reveal-id="myModal" id="look1" onClick="operate('+dataObj[0]+')">修改</a></td></tr>';
$("#mytable").html(str) ;
       }
   });
break;
case '2':
$.ajax({
       url: 'show2_showRepair.action',
       dataType: 'json',
       //type: 'POST',
       success: function (data) {
        var str="";
        var dataObj=eval(data.obj);
        str+='<tr font-size="17"><td width="10%">编号</td><td width="10%">报修物品</td><td width="25%">报修时间</td><td width="10%">寝室号</td><td width="10%">操作</td></tr>';
   str+='<td width="60px">'+dataObj[0]+'</td>';
str+='<td width="60px">'+dataObj[1]+'</td>';
str+='<td width="60px">'+dataObj[2]+'</td>';
str+='<td width="60px">'+dataObj[3]+'</td>';
str+='<td width="20%" id="mya"><a  href="#" class="big-link" data-reveal-id="myModal" onClick="delete('+dataObj[0]+')">删除</a>/<a  href="#" data-reveal-id="myModal" id="look1" onClick="operate('+dataObj[0]+')">受理</a></td></tr>';
$("#mytable").html(str) ;
       }
   });
break;
case 3:
$.ajax({
       url: 'show3_showRewards.action',
       dataType: 'json',
       //type: 'POST',
       success: function (data) {
        var str="";
        var dataObj=eval(data.obj);     //这里是在后台返回的json对象通过拼接形成表格，然后再在前台显示这张表格
        str+='<tr font-size="17"><td width="10%">编号</td><td width="20%">内容</td><td width="25%">时间</td><td width="10%">类型</td><td width="10%">寝室号</td><td width="10%">操作</td></tr>';
   str+='<td width="60px">'+dataObj[0]+'</td>';
str+='<td width="60px">'+dataObj[1]+'</td>';
str+='<td width="60px">'+dataObj[2]+'</td>';
str+='<td width="60px">'+dataObj[3]+'</td>';
str+='<td width="60px">'+dataObj[4]+'</td>';
str+='<td width="20%" id="mya"><a  href="#" class="big-link" data-reveal-id="myModal" onClick="delete('+dataObj[0]+')">修改</a>/<a  href="#" data-reveal-id="myModal" id="look1" onClick="operate('+dataObj[0]+')">删除</a></td></tr>';
$("#mytable").html(str) ;
       }
   });
break;
case 4:
 
break;
case 5:
 
break;
case 6:
 
break;
case 7:
 
break;
}
        
           }
           break;
       }

}

这段代码用了好长好长时间去解决啊