JS控制表單提交的方法
本文實(shí)例講述了JS控制表單提交的方法。
分享一段代碼實(shí)例,它完全是由javascript動(dòng)態(tài)實(shí)現(xiàn)的表單提交效果
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.dbjr.com.cn/" /> <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>
如果需要兩個(gè)提交按鈕,type=""的屬性值一個(gè)高為"submit"一個(gè)為"button",也就是一個(gè)用按鈕本身提交,一個(gè)用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">手機(jī)型號(hào):</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">類(lèi)型:</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">廠(chǎng)商:</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="增加手機(jī)" > <input type="button" onclick="autoSubmit();" value="搜索手機(jī)" > </form>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
js實(shí)現(xiàn)遍歷含有input的table實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)遍歷含有input的table方法,結(jié)合實(shí)例形式分析了jsp讀取數(shù)據(jù)庫(kù)動(dòng)態(tài)生成table及JavaScript遍歷table的相關(guān)技巧,需要的朋友可以參考下2015-12-12Canvas實(shí)現(xiàn)數(shù)字雨和放大鏡效果的代碼示例
這篇文章主要介紹了如何Canvas實(shí)現(xiàn)數(shù)字雨和放大鏡效果,文中有完整的代碼示例,文章通過(guò)代碼介紹的非常清楚,感興趣的小伙伴跟著小編一起來(lái)看看吧2023-07-07JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢(xún)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢(xún),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11Layui table field初始化加載時(shí)進(jìn)行隱藏的方法
今天小編就為大家分享一篇Layui table field初始化加載時(shí)進(jìn)行隱藏的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09用javascript實(shí)現(xiàn)畫(huà)圖效果的代碼
用javascript實(shí)現(xiàn)畫(huà)圖效果的代碼...2007-07-07webpack學(xué)習(xí)筆記之代碼分割和按需加載的實(shí)例詳解
本篇文章主要介紹了webpack學(xué)習(xí)筆記之代碼分割和按需加載的實(shí)例詳解,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07