JQuery动态创建表单并提交
2017-06-08 21:12
363 查看
[javascript] view
plain copy
// 捕捉链接的点击事件
$('#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;
});
plain copy
// 捕捉链接的点击事件
$('#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;
});
相关文章推荐
- JQuery 动态创建表单,并自动提交
- JQuery动态创建表单并提交
- JQuery动态创建表单并提交
- JQuery动态创建表单并提交
- JQuery动态创建表单并提交
- jquery动态创建form表单并提交
- jQuery动态创建表单并提交
- javascript -- 在IE中如何实现将表单提交给动态创建的iframe
- JavaScript动态创建form表单并提交的实现方法
- JQuery和JS动态创建表单
- jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式
- JQuery动态创建表单
- jQuery动态创建表单元素
- JavaScript动态创建form表单并提交的实现方法
- 虽然动态创建DataGrid的代码在网上有很多,但是作为表单提交的时候却不多见?
- js动态创建Form表单并提交
- 使用Jquery动态加入对象的集合属性,提交集合属性到表单
- JQuery动态创建表单:ie下select无法下拉(firefox正常)
- JQuery动态创建DOM、表单
- 动态创建表单模拟提交