js更改表单元素的type属性
表单我有一个input的type属性，值是botton，我想通过点击这个botton调用js来控制整个表单的属性，同时还想改变type这个属性，让它变成submit，再点...
表单我有一个input 的type属性，值是botton，我想通过点击这个botton调用js来控制整个表单的属性，同时还想改变type这个属性，让它变成submit，再点击一下就可以提交表单啦，请问这样可以么？怎么做
展开
4个回答
展开全部
1.修改表单内特定类型元素的值
form.elements[]属性：除了跟踪表单中每种类型的元素外，浏览器还保留了一张表单中所有控件元素的列表，元素的顺序就是在HTML中的位置，所以对引用相当的方便。
代码如下：
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单（修改表单属性，修改表单元素值）</title>
<script language="javascript">
function gaibian()
{
var acti=document.getElementById("select").value;//得到ID为select元素的值
var mont=document.getElementById("select2").value;//同上
document.form1.action=acti;//设置值
document.form1.method=mont;//同上
}
function bian()
{
var form=document.forms[1];//将当前页第二个表单赋给变量form，以便以后引用
for(var i=0;i<form.elements.length;i++)//循环表单内的元素数组的最大项
{
if(form.elements[i].type=="text")//如果当前元素的类型是text
{
form.elements[i].value="田洪川";//那就把他的值赋成 田洪川
}
if(form.elements[i].type=="checkbox")//如果是复选框
{
if(form.elements[i].checked)//如果是选中的
{
form.elements[i].checked=null;//取消选择
}
else
{
form.elements[i].checked="checked" //就给他选中
}
}
}
}
</script>
</head>
<body>
<p>其实在<a href="http://www.cnblogs.com/thcjp/archive/2006/08/08/470997.html">
<p><strong>根据需求，定做表单</strong></p>
<p>按下提交提交表单，后退，然后再点修改表单，然后再提交表单，看效果</p>
<form id="form1" name="form1" method="post" action="http://127.0.0.1/">
现在的指向是 test.asp ，方法是 post
<input type="submit" name="Submit2" value="提交表单" />
</form>
<p>
<select name="select">
<option value="http://thcjp.cnblogs.com/">博客</option>
<option value="http://163.com/">网易</option>
</select>
<select name="select2">
<option value="GET">get</option>
<option value="post">post</option>
</select>
<input type="submit" name="Submit" value="修改表单" onclick="gaibian()" />
</p><hr />
form.elements[]属性：除了跟踪表单中每种类型的元素外，浏览器还保留了一张表单中所有控件元素的列表，元素的顺序就是在HTML中的位置，所以对引用相当的方便。
代码如下：
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单（修改表单属性，修改表单元素值）</title>
<script language="javascript">
function gaibian()
{
var acti=document.getElementById("select").value;//得到ID为select元素的值
var mont=document.getElementById("select2").value;//同上
document.form1.action=acti;//设置值
document.form1.method=mont;//同上
}
function bian()
{
var form=document.forms[1];//将当前页第二个表单赋给变量form，以便以后引用
for(var i=0;i<form.elements.length;i++)//循环表单内的元素数组的最大项
{
if(form.elements[i].type=="text")//如果当前元素的类型是text
{
form.elements[i].value="田洪川";//那就把他的值赋成 田洪川
}
if(form.elements[i].type=="checkbox")//如果是复选框
{
if(form.elements[i].checked)//如果是选中的
{
form.elements[i].checked=null;//取消选择
}
else
{
form.elements[i].checked="checked" //就给他选中
}
}
}
}
</script>
</head>
<body>
<p>其实在<a href="http://www.cnblogs.com/thcjp/archive/2006/08/08/470997.html">
<p><strong>根据需求，定做表单</strong></p>
<p>按下提交提交表单，后退，然后再点修改表单，然后再提交表单，看效果</p>
<form id="form1" name="form1" method="post" action="http://127.0.0.1/">
现在的指向是 test.asp ，方法是 post
<input type="submit" name="Submit2" value="提交表单" />
</form>
<p>
<select name="select">
<option value="http://thcjp.cnblogs.com/">博客</option>
<option value="http://163.com/">网易</option>
</select>
<select name="select2">
<option value="GET">get</option>
<option value="post">post</option>
</select>
<input type="submit" name="Submit" value="修改表单" onclick="gaibian()" />
</p><hr />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
formName.target="_self";
formName.action = "提交的目的页面地址";
formName.submit();
（PS：formName是你的表单的名称，你可以第二次点击的时候在该点击事件的实现方法中通过条件控制“第二次”，然后把上面的代码写进去就好了，也可以传参的哦，formName.参数名.value/inndeHTML=“。。。。”，参数可以是你的一些文本框等等之类的，也可以是隐藏域），不知道能不能帮到你？
formName.action = "提交的目的页面地址";
formName.submit();
（PS：formName是你的表单的名称，你可以第二次点击的时候在该点击事件的实现方法中通过条件控制“第二次”，然后把上面的代码写进去就好了，也可以传参的哦，formName.参数名.value/inndeHTML=“。。。。”，参数可以是你的一些文本框等等之类的，也可以是隐藏域），不知道能不能帮到你？
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jquery貌似不行，用js吧，
var $btn=$(':button');
$btn.click(function(){
this.type='submit';
});
追问
看不懂，我是用js做的，我是直接这样：document.getElementById("alter").type="submit";
但是没反应。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementBtId('1312').type="button";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
