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

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

1. <Script Language="JavaScript"> 
2. function autoSubmit(){ 
3. var form = document.forms[0]; 
4. var actionPath = "?mo=phone"; 
5. form.action = actionPath; 
6. form.submit(); 
7. return true; 
8. } 
9. </Script> 

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

1. <form method="post" name="form1" id="form1" action="?mo=phone&do=opreat" > 
2. <input type="hidden" value="" name="phoneid" id="phoneid"> 
3. <table border="0px" style="font-size:12px" width="630px" > 
4. <tr> 
5. <td align="right">手機型號:</td> 
6. <td><input type="text" id="phonetype" name="phonetype" style="width:120px" <?# if $pinfo.pass_var.phonetype ?>value="<?# $pinfo.pass_var.phonetype ?>" <?# /if ?> /></td> 
7. <td><div id="phonetypeTip" style="width:250px"></div></td> 
8. </tr> 
9. <tr> 
10. <td align="right">類型:</td> 
11. <td><select name="type" id="type"> 
12. <?# foreach from=$types item=value ?> 
13. <option value="<?# $value.type ?>" 
14. <?# if $pinfo.pass_var.type== $value.type ?>selected="selected"<?# /if ?>><?# $value.type ?> 
15. </option> 
16. <?# /foreach ?> 
17. </select></td> 
18. <td><div id="typeTip" style="width:250px"></div></td> 
19. </tr> 
20. <tr> 
21. <td align="right">廠商:</td> 
22. <td><select name="brandid" id="brandid"> 
23. <?# foreach from=$brand item=value ?><option value="<?# $value.brandid ?>" <?# if $pinfo.pass_var.brandid== $value.brandid ?>selected="selected"<?# /if ?> ><?# $value.name_zh ?></option><?# /foreach ?> 
24. </select></td> 
25. <td><div id="brandidTip" style="width:250px"></div></td> 
26. </tr> 
27. </table> 
28. <input type="submit" value="增加手機" > 
29. <input type="button" onclick="autoSubmit();" value="搜索手機" > 
30. </form> 

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