用jquery动态添加form表单

function _searchCook() {
    var cook_name = $(":input[name='cookedFood.name']", "#search_form").val();// 在指定区域内获得input值
    var cook_type = $(":input[name='cookedFood.type']", "#search_form").val();// 在指定区域内获得input值
    var cookForm = $('<form></form>');// 创建form标签
    cookForm.attr('action', 'cookedFood_queryCookedFood.do');// 创建form属性action
    cookForm.attr('method', 'post');// 创建form属性method
    cookForm.attr('target', '_self');// 创建form属性target
    var name_input = $('<input name="cookedFood.name" type="hidden"/>');// 创建input标签并隐藏
    name_input.attr('value', cook_name);// 为input标签赋值
    var type_input = $('<input name="cookedFood.type" type="hidden"/>');// 创建input标签并隐藏
    type_input.attr('value', cook_type);// 为input标签赋值
    cookForm.append(name_input);// 将input标签放入新创建的form中
    cookForm.append(type_input);// 将input标签放入新创建的form中
    cookForm.appendTo('body').submit();// 最重要的一步,必须将新创建的form放入到body中,浏览器会进行渲染,否则没有效果
    return false;// 取消默认动作
};

加群QQ226728216

posted @ 2014-05-29 15:39  piter  阅读(2574)  评论(0编辑  收藏  举报