jQuery中设置form表单

Myth丶恋晨 2022-06-17 14:23 291阅读 0赞

<form id="myFormId" name="myForm" action="" method="post">
      <input type="text" id="name" name="name" />
    </form>

一： js操作

//需要注意的是form标签一定要有name属性，光有id没有name不起作用  
document.myForm.action = "user.do";    
document.myForm.attributes\["action"\].value  = "XXXXXXXX";  
document.all("myFormId").setAttribute("action", "欲赋的action的值");

document.MyForm.target="Doing";  
document.MyForm.action="ask\_tj.asp";  
document.MyForm.method="POST"  
document.MyForm.submit();

二 ：Jquery操作

$("\#myFormId").attr("action", "userinfo.shtml");

$("\#myFormId").attr("target","\_blank");

$("\#myFormId").attr("method","POST");

$("\#myFormId").attr("enctype","application/x-www-form-urlencoded");

$("\#myFormId").attr("encoding","application/x-www-form-urlencoded");

$("\#myFormId").submit();

注：  
改变form的enctype属性时，如果只写$("\#form").attr("enctype","application/x-www-form-urlencoded");  
将不起作用，必须将以下两句结合才能生效：  
    $("\#myFormId").attr("enctype","application/x-www-form-urlencoded");  
    $("\#myFormId").attr("encoding","application/x-www-form-urlencoded");

三： jquery给form动态添加表单信息

var form = $("\#myFormId");  
// 创建Input    
var my\_input = $('<input type="text" name="my\_name" />');    
my\_input.attr('value', my\_val);    
// 附加到Form    
form.append(my\_input);    
// 提交表单    
form.submit();

发表评论取消回复

表情：

评论列表（有 0 条评论，291人围观）

还没有评论，来说两句吧...

相关阅读

相关 Form表单

一、标签结构： <form>...</form> 二、普通文本框： <input type="text"> 三、密码输入框： <input type="passwor

太过爱你忘了你带给我的痛/ 2024年04月01日 15:17/ 0 赞/ 102 阅读

相关 form表单

前后端交互流程： ![98a9393d26e8108f47fc83040ff442c9.png][] 表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网

忘是亡心i/ 2023年09月27日 15:10/ 0 赞/ 150 阅读

相关 jQuery提交form表单

<form id="search_form" name="search_form" method="post"> <input type="tex

「爱情、让人受尽委屈。」/ 2022年08月02日 09:44/ 0 赞/ 346 阅读

相关 jQuery中设置form表单

<form id="myFormId" name="myForm" action="" method="post"> <input type="text"

Myth丶恋晨/ 2022年06月17日 14:23/ 0 赞/ 292 阅读

相关 jquery-读取form表单中的所有数据列表

$(function() { $('submit').click(function() { var d = {}; var

女爷i/ 2022年06月07日 06:09/ 0 赞/ 160 阅读

相关 jQuery插件：表单jquery.form.js

jQuery插件：表单jquery.form.js jQuery插件：表单jquery.form.js [jquery.form.js 官网][jquery.fo

矫情吗；*/ 2022年06月01日 03:27/ 0 赞/ 258 阅读

相关 JQuery获取form表单数据

1.首先页面的form的所有表单元素需要增加name属性 <div class="form-group"> <label for="name" cla

男娘i/ 2022年05月09日 04:10/ 0 赞/ 1084 阅读

相关 Form-Form表单

一、典型表单在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Check

灰太狼/ 2022年03月31日 15:11/ 1 赞/ 642 阅读

相关 form表单

Form表单 ajax基础 form表单的属性action与method 属性值描述 action URL 规定当提交表单时向何处发送表单数据 meth

浅浅的花香味﹌/ 2022年02月22日 20:06/ 0 赞/ 465 阅读

相关 jQuery表单插件jquery.form.js

jQuery表单插件jquery.form.js jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQue...

小灰灰/ 2020年06月03日 12:47/ 0 赞/ 1162 阅读