用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属性actioncookForm.attr('method', 'post');// 创建form属性methodcookForm.attr('target', '_self');// 创建form属性targetvar 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

转载于:https://www.cnblogs.com/zhangyongwei/p/3759273.html

用jquery动态添加form表单相关推荐

javascript动态添加form表单元素
2019独角兽企业重金招聘Python工程师标准>>> 2014年11月7日 17:10:40 之前写过几篇类似的文章,现在看来比较初级,弄一个高级的简单的情景: 后台要上传游戏截 ...
form表单无法提交js动态添加的表单元素问题。。
第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url ...
使用Vue动态生成form表单的实例代码
具有数据收集.校验和提交功能的表单生成器,包含复选框.单选框.输入框.下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能,支持事件扩展. 欢迎大家star学习交流: ...
html表单通过js提交表单提交,JavaScript动态创建form表单并提交的实现方法
本文实例讲述了JavaScript动态创建form表单并提交的实现方法.分享给大家供大家参考,具体如下: 页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 ...
动态生成form表单，不在为表单烦恼
form-create 具有动态渲染.数据收集.校验和提交功能的表单生成器,动态生成Form表单.支持双向数据绑定和事件扩展,组件包含有复选框.单选框.输入框.下拉选择框等表单元素以及省市区三级联动, ...
JS动态模拟Form表单提交数据
分享知识传递快乐 JS动态模拟Form表单提交数据 <!DOCTYPE html> <html lang="en"> <head><m ...
第83天：jQuery中操作form表单
操作form表单 1. 属性操作设置属性: // 第一个参数表示:要设置的属性名称 // 第二个参数表示:该属性名称对应的值 $(selector).attr("title", ...
vue自动提交表单_vuejs 动态提交form表单问题
通过v-for动态循环某个对象,添加隐藏的元素到form中,然后通过 document.getElementById('form').submit()来提交,此时发现另一个页面接收不到参数. 而通过d ...
layui动态添加的表单元素显示异常
这种问题发生的原因:layui会对表单内的元素进行二次渲染,动态添加的代码没有经过再次渲染,所以显示异常. 官方文档其实也有提及这个问题和解决方法 https://www.layui.com/doc/ ...

用jquery动态添加form表单

用jquery动态添加form表单相关推荐

最新文章

热门文章