<div class="col-md-12">
      <table class="table table-striped table-hover">
     <thead>
       <tr>
         <th>服务器ID</th>
         <th>在线人数</th>
         <th>上限</th>
         <th>状态</th>
       </tr>
     </thead>
     <tbody>
       <?php if(!empty($data)): ?>
       <?php foreach($data as $key=>$val): ?>
       <tr>
         <td class="gsid" id="gsid_<?php  echo $val['gsid']; ?>"    ><?php echo !empty($val['gsid']) ? $val['gsid'] : ''; ?></td>
         <td class="onlinecount2"  id="onlinecount2_<?php  echo $val['gsid']; ?>" onclick="onlinecount2Fun(<?php  echo $val['gsid']; ?>)"   ><?php echo !empty($val['onlinecount2']) ? $val['onlinecount2'] : ''; ?></td>
         <td class="waterlevel" id="waterlevel_<?php  echo $val['gsid']; ?>"  onclick="waterlevelFun(<?php  echo $val['gsid']; ?>)"  ><?php echo !empty($val['waterlevel']) ? $val['waterlevel'] : ''; ?></td>
         <td class="optype"  id="optype_<?php  echo $val['gsid']; ?>" onclick="optypeFun(<?php  echo $val['gsid']; ?>)"   ><?php echo !empty($optypeArr[$val['optype']]) ? $optypeArr[$val['optype']] : ''; ?></td>
       </tr>
       <?php endforeach; ?>
       <?php else: ?>
       <tr>
         <td colspan="9" >没有记录</td>
       </tr>
       <?php endif; ?>
     </tbody>
 </table>
 

</div>



<script type="text/javascript">  
/*
function gsidFun(gsid){
var obj = "#gsid_"+gsid;
        if(!$(obj).is('.input')){    
            $(obj).addClass('input').html('<input id="input_gsid_"'+gsid+' type="text" value="'+ $(obj).text() +'" />').find('input').focus().blur(function(){    
                var thisvalue=$(this).val();    
                $(obj).removeClass('input').html(thisvalue || $(obj).text());    
                ajaxData(gsid);
            });                        
        }    
}
*/
function onlinecount2Fun(gsid){
var obj = "#onlinecount2_"+gsid;
        if(!$(obj).is('.input')){    
            $(obj).addClass('input').html('<input id="input_onlinecount2_"'+gsid+' type="text" value="'+ $(obj).text() +'" />').find('input').focus().blur(function(){    
                var thisvalue=$(this).val();    
                $(obj).removeClass('input').html(thisvalue || $(obj).text());    
                ajaxData(gsid);
            });                        
        }    
}
function waterlevelFun(gsid){
var obj = "#waterlevel_"+gsid;
        if(!$(obj).is('.input')){    
            $(obj).addClass('input').html('<input id="input_waterlevel_"'+gsid+' type="text" value="'+ $(obj).text() +'" />').find('input').focus().blur(function(){    
                var thisvalue=$(this).val();    
                $(obj).removeClass('input').html(thisvalue || $(obj).text());    
                ajaxData(gsid);
            });                        
        }    
}


function optypeFun(gsid){
var obj = "#optype_"+gsid;
var optype_value = $(obj).html();
var html = '<select >';
<?php  foreach ($optypeArr as $k=>$v){  ?>
//alert(optypeid+"-"+<?php  echo $k ?>);
if(optype_value == "<?php  echo $v ?>"){
var html =html+'<option selected="selected" value="<?php echo $v ?>"><?php echo $v ?></option>';
}else{
var html =html+'<option  value="<?php echo $v ?>"><?php echo $v ?></option>';
}
<?php  }  ?>
// console.log(html);
var html =html+'</select >';
        if(!$(obj).is('.select')){    
            $(obj).addClass('select').html(html).find('select').focus().blur(function(){    
                var thisvalue=$(this).val();    
                $(obj).removeClass('select').html(thisvalue || $(obj).text());    
                ajaxData(gsid) ;
            });                        
        }    
}




function ajaxData(gsid){
var gsidval = $("#gsid_"+gsid).html();
var onlinecount2val = $("#onlinecount2_"+gsid).html();
var waterlevelval = $("#waterlevel_"+gsid).html();
var optypeval = $("#optype_"+gsid).html();
// alert(gsidval);
// alert(onlinecount2val);
// alert(waterlevelval);
// alert(optypeval);

$.ajax({
url: '/conversion/ajaxdata',
data:{ gsidval:gsidval ,onlinecount2val:onlinecount2val,waterlevelval:waterlevelval,optypeval:optypeval},
dataType: "json",
type:'post',
async: false,
success: function (result) {
if (result.d.flag) {
alert(result.d.msg);
return;
}
else {
alert(result.d.msg);
return;
}
}
});
}
</script>   

声明:此文系舞林cuznwww.wulinlw.org)原创稿件,转载请保留版权

et_highlighter