JQuery动态创建表单并提交
2016-03-03 14:38
651 查看
// 捕捉链接的点击事件
$('#btn').click(function(){
// 取得要提交的参数
var my_val = $.trim($('#ipt').val());
// 取得要提交页面的URL
var action = $(this).attr('href');
// 创建Form
var form = $('<form></form>');
// 设置属性
form.attr('action', action);
form.attr('method', 'post');
// form的target属性决定form在哪个页面提交
// _self -> 当前页面 _blank -> 新页面
form.attr('target', '_self');
// 创建Input
var my_input = $('<input type="text" name="my_name" />');
my_input.attr('value', my_val);
// 附加到Form
form.append(my_input);
// 提交表单
form.submit();
// 注意return false取消链接的默认动作
return false;
});
$('#btn').click(function(){
// 取得要提交的参数
var my_val = $.trim($('#ipt').val());
// 取得要提交页面的URL
var action = $(this).attr('href');
// 创建Form
var form = $('<form></form>');
// 设置属性
form.attr('action', action);
form.attr('method', 'post');
// form的target属性决定form在哪个页面提交
// _self -> 当前页面 _blank -> 新页面
form.attr('target', '_self');
// 创建Input
var my_input = $('<input type="text" name="my_name" />');
my_input.attr('value', my_val);
// 附加到Form
form.append(my_input);
// 提交表单
form.submit();
// 注意return false取消链接的默认动作
return false;
});
相关文章推荐
- jQuery1.9+ 废弃的函数和方法 升级Jquery版本遇到的问题
- jQuery日历插件datepicker用法详解
- jQuery 1.11 / 2.1 beta 版发布
- jQuery----各版本
- 使用requireJS的shim參数,完毕jquery插件的载入
- 初识jquery
- jquery easyui 怎么动态控制toolbar的显示
- jQuery中的promise的应用
- jquery获取当前对象所在的行数
- jquery 动态创建元素
- JQuery常用方法总结
- jQuery EasyUI使用教程之扩展数据网格的编辑器
- jquery扩展的两个方法与区别
- JQuery UI Layout
- 页面中的删除确认(ajax)、输入框中确认信息是否可用(ajax)的jquery代码
- jquery给div,Span, a ,button, radio 赋值取值
- JQuery eval函数
- jQuery UI resizable bug
- [jQuery] Cannot read property ‘msie’ of undefined错误的解决方法
- jquery validate 详解