首頁 > web前端 > js教程 > JS控製表單提交的方法_javascript技巧

JS控製表單提交的方法_javascript技巧

WBOY
發布: 2016-05-16 15:50:53
原創
1011 人瀏覽過

本文實例講述了JS控製表單提交的方法。分享給大家供大家參考。具體如下:

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

登入後複製

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

<form method="post" name="form1" id="form1" action="&#63;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" <&#63;# if $pinfo.pass_var.phonetype &#63;>value="<&#63;# $pinfo.pass_var.phonetype &#63;>" <&#63;# /if &#63;> /></td>
   <td><div id="phonetypeTip" style="width:250px"></div></td>
  </tr>
  <tr>
   <td align="right">类型:</td>
   <td><select name="type" id="type">
     <&#63;# foreach from=$types item=value &#63;>
  <option value="<&#63;# $value.type &#63;>"
  <&#63;# if $pinfo.pass_var.type== $value.type &#63;>selected="selected"<&#63;# /if &#63;>><&#63;# $value.type &#63;>
  </option>
  <&#63;# /foreach &#63;>
     </select></td>
   <td><div id="typeTip" style="width:250px"></div></td>
  </tr>
  <tr>
   <td align="right">厂商:</td>
   <td><select name="brandid" id="brandid">
     <&#63;# foreach from=$brand item=value &#63;><option value="<&#63;# $value.brandid &#63;>" <&#63;# if $pinfo.pass_var.brandid== $value.brandid &#63;>selected="selected"<&#63;# /if &#63;> ><&#63;# $value.name_zh &#63;></option><&#63;# /foreach &#63;>
     </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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板