ajax无刷新修改文本框内容

  • Jesse
  • 2016-03-21 11:50:00
  • 3608
ajax无刷新修改文本框内容,获得焦点修改,失去焦点保存上传

ajax无刷新修改文本框内容,获得焦点修改,失去焦点保存上传

<script>
function changesort(id){
    var sortid = $('#id_'+id).val();
    $.post(
        '/index.php?c=ajax_update_sort',
        {sid:sid,ssort:sortid},
        function(data){
        //alert(data);
    });
}
</script>

文章排序:

<input type="text" id="id_<?php echo $id; ?>" onblur="changesort(<?php echo $id; ?>)" value="<?php echo $sort; ?>">

onblur是鼠标失去焦点触发changesort方法,然后post提交数据修改  

当然要实现双击变成文本类型,然后修改,添加一个click事件,把div变成input文本框就可以,失去焦点,input文本框变成div