快捷導(dǎo)航

JS控制表單提交的方法

更新時間：2023年05月01日 19:01:11 作者：chunxia

這篇文章主要介紹了JS控制表單提交的方法,可實現(xiàn)基于javascript提交表單信息的功能,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS控制表單提交的方法。

分享一段代碼實例，它完全是由javascript動態(tài)實現(xiàn)的表單提交效果

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.fzitv.net/" />
<title>腳本之家</title>
<script type="text/javascript"> 
window.onload=function(){
  var obt=document.getElementById("bt");
  var obox=document.getElementById("box");
  var oform=document.createElement("form");
  var oinput=document.createElement("input");
  oform.method="post";
  oform.action="index.php";
  oinput.value="jb51.net";
  obox.appendChild(oform);
  oform.appendChild(oinput);
  obt.onclick=function(){
    oform.submit();
  }
}
</script>
</head>
<body>
<div id="box"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

分享給大家供大家參考。具體如下：

<Script Language="JavaScript">
function autoSubmit(){
var form = document.forms[0];
var actionPath = "?mo=phone";
form.action = actionPath;
form.submit();
return true;
}
</Script>

如果需要兩個提交按鈕，type=""的屬性值一個高為"submit"一個為"button",也就是一個用按鈕本身提交，一個用JS控制提交

<form method="post" name="form1" id="form1" action="?mo=phone&do=opreat" >
<input type="hidden" value="" name="phoneid" id="phoneid">
 <table border="0px" style="font-size:12px" width="630px" >
  <tr>
   <td align="right">手機型號:</td>
   <td><input type="text" id="phonetype" name="phonetype" style="width:120px" <?# if $pinfo.pass_var.phonetype ?>value="<?# $pinfo.pass_var.phonetype ?>" <?# /if ?> /></td>
   <td><div id="phonetypeTip" style="width:250px"></div></td>
  </tr>
  <tr>
   <td align="right">類型:</td>
   <td><select name="type" id="type">
     <?# foreach from=$types item=value ?>
  <option value="<?# $value.type ?>"
  <?# if $pinfo.pass_var.type== $value.type ?>selected="selected"<?# /if ?>><?# $value.type ?>
  </option>
  <?# /foreach ?>
     </select></td>
   <td><div id="typeTip" style="width:250px"></div></td>
  </tr>
  <tr>
   <td align="right">廠商:</td>
   <td><select name="brandid" id="brandid">
     <?# foreach from=$brand item=value ?><option value="<?# $value.brandid ?>" <?# if $pinfo.pass_var.brandid== $value.brandid ?>selected="selected"<?# /if ?> ><?# $value.name_zh ?></option><?# /foreach ?>
     </select></td>
   <td><div id="brandidTip" style="width:250px"></div></td>
  </tr>
</table>
<input type="submit" value="增加手機" >
<input type="button" onclick="autoSubmit();" value="搜索手機" >
</form>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章: