您的位置:首页 > Web前端 > JQuery

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;  

});  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: