js更改表单元素的type属性

表单我有一个input 的type属性，值是botton，我想通过点击这个botton调用js来控制整个表单的属性，同时还想改变type这个属性，让它变成submit，再点击一下就可以提交表单啦，请问这样可以么？怎么做

推荐答案 2015-11-07

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 />

温馨提示：答案为网友推荐，仅供参考

当前网址：http://33.wendadaohang.com/zd/dBc5RBWBP.html

其他回答

第1个回答推荐于2016-07-17

formName.target="_self";
formName.action = "提交的目的页面地址";
formName.submit();
（PS：formName是你的表单的名称，你可以第二次点击的时候在该点击事件的实现方法中通过条件控制“第二次”，然后把上面的代码写进去就好了，也可以传参的哦，formName.参数名.value/inndeHTML=“。。。。”，参数可以是你的一些文本框等等之类的，也可以是隐藏域），不知道能不能帮到你？本回答被提问者采纳

第2个回答 2013-08-20

jquery貌似不行，用js吧，

var $btn=$(':button');
$btn.click(function(){
this.type='submit';
});

追问

看不懂，我是用js做的，我是直接这样：document.getElementById("alter").type="submit";
但是没反应。。。

第3个回答 2013-08-20

document.getElementBtId('1312').type="button";

相似回答

js为input 设置checkbox元素属性并设为选中状态答：推荐使用兼容浏览器方式。根据W3C的表单规范，在checked属性是一个布尔属性，这意味着只要该 attribute 存在，即使它没有值，或是一个空字符串，该属性对应的 property 就是 true。以下是兼容浏览器方式，判断 checkbox 元素的 checked 属性是否为"真" 的方法：代码如下：if ( elem.checked )if ( $...

如何用js提交表单如何用js提交表单数据库答：以便你能够依据每一个状态设置其样式.访问表单属性方位表单:formname>.angularproperty>访问一个输入框:formname>.inputname>.angularproperty> form表单通过js提交，另外跳转servlet时，自己定义了一个数，传参过去，可以吗，不是fo？自定义参数，可以通过在form表单中设置隐藏域传值inputtype="hidden"name=...

用js怎么把对象的属性值赋给表单元素答：获取对象属性值：var aValue = document.getElementById("aName").getAttribute(sAttrName)设定表单值： document.getElementById("bName").value=aValue ;

大家正在搜

基本html元素及表单元素 js怎么获取表单里面的元素什么不是表单的基本元素表单的三个核心元素用js获取表单的value值 html表单元素 javascript提交表单 js获取表单提交的数据表单元素有哪些