前台页面对表单的方法

    xiaoxiao2026-05-07  20

    /* 清除表单内的数据 */ function clearFormDate(){ $("#tableForm").find('input[type="text"]').val(''); //清除text类型的input中的内容 $("#tableForm").find('select').val(''); //清除下拉框的内容 $("#tableForm").find('textarea').val(''); //清除文本域的内容 }; /* 展示表单中的数据 */ function showFormDate(emp_id){ $.ajax({ url:"/getEmloyeeInfo", type:"POST", dataType: "json", data:{"emp_id":emp_id,}, success:function(data){ //格式化时间 if(data.leave_time!=null){ data.leave_time=new Date(data.leave_time).format("yyyy-MM-dd"); } //为表单内容赋值 $("#tableForm").find('input,select,textarea').each(function(){ //注意:使用此语句,form表单中name属性的值需要与后台传来的一直 var modelName=$(this).attr('name'); if(modelName){ $(this).val(data[modelName]); } }); } }); } /* 将表单中的数据封装为一个对象 */ function getFormDate(){ //传入一个对象,遍历对象下面所有含有 modelName 的input,并把他们转换成一个对象 var data={}; $('#tableForm').find('input,select,textarea').each(function(){ //获取表单内所有的input、select和textarea var model=$(this).attr('name'); //获取带有name属性的对象 if(model){ if($(this).val()!=""){ data[model]=$(this).val(); } } }); return data; };
    最新回复(0)