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

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

May 16, 2016 pm 03:50 PM
js 表單提交

本文實例講述了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程式設計有所幫助。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
威爾R.E.P.O.有交叉遊戲嗎?
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

layui登陸頁怎麼設定跳轉 layui登陸頁怎麼設定跳轉 Apr 04, 2024 am 03:12 AM

layui 登入頁面跳轉設定步驟:新增跳轉代碼:在登入表單提交按鈕點選事件中新增判斷,成功登入後透過 window.location.href 跳到指定頁面。修改 form 配置:在 lay-filter="login" 的 form 元素中新增 hidden 輸入字段,name 為 "redirect",value 為目標頁面位址。

建議:優秀JS開源人臉偵測辨識項目 建議:優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬,在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別,大大縮短了使用者等待時間,提高了使用者體驗;弱勢是:受到模型大小限制,其中準確率也有限。如何在web端使用js實現人臉偵測呢?為了實現Web端人臉識別,需要熟悉相關的程式語言和技術,如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是,由於Web端的計

layui怎麼取得表單數據 layui怎麼取得表單數據 Apr 04, 2024 am 03:39 AM

layui 提供了多種取得表單資料的方法,包括直接取得表單所有欄位資料、取得單一表單元素值、使用formAPI.getVal() 方法取得指定欄位值、將表單資料序列化並作為AJAX 請求參數,以及監聽表單提交事件獲取資料。

layui怎麼實現前後端交互 layui怎麼實現前後端交互 Apr 01, 2024 pm 11:33 PM

使用 layui 進行前後端互動有以下方法:$.ajax 方法:簡化非同步 HTTP 請求。自訂請求物件:允許發送自訂請求。 Form 控制項:處理表單提交和資料驗證。 Upload 控制項:輕鬆實作檔案上傳。

Java中Serverlet的作用是什麼 Java中Serverlet的作用是什麼 Apr 12, 2024 pm 02:39 PM

Servlet 在 Java Web 應用程式中作為客戶端-伺服器通訊的橋樑,負責:處理客戶端請求;產生 HTTP 回應;動態產生 Web 內容;回應客戶互動;管理 HTTP 會話狀態;提供安全保護。

vue中event和$event區別 vue中event和$event區別 May 08, 2024 pm 04:42 PM

Vue.js 中,event 為原生 JavaScript 事件,由瀏覽器觸發,而 $event 是 Vue 特定抽象事件對象,在 Vue 元件中使用。一般使用 $event 更方便,因為它經過格式化和增強,支援資料綁定。當需要存取原生事件物件特定功能時,使用 event。

如何使用 PHP 建立單頁應用程式 如何使用 PHP 建立單頁應用程式 May 04, 2024 pm 06:21 PM

使用PHP建立單頁應用程式(SPA)的步驟:建立PHP文件,並載入Vue.js。定義Vue實例,並建立包含文字輸入和輸出文字的HTML介面。建立包含Vue組件的JavaScript框架檔案。將JavaScript框架檔案包含到PHP檔案中。

Java Servlet的應用場景有哪些? Java Servlet的應用場景有哪些? Apr 17, 2024 am 08:21 AM

JavaServlet可用於:1.動態內容產生;2.資料存取與處理;3.表單處理;4.檔案上傳;5.會話管理;6.篩選器。範例:建立一個FormSubmitServlet來處理表單提交,將name和email作為參數,並重新導向到success.jsp。

See all articles