JS控制表单提交的方法
编程学习 2021-07-04 21:48www.dzhlxh.cn编程入门
这篇文章主要介绍了JS控制表单提交的方法,可实现基于javascript提交表单信息的功能,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JS控制表单提交的方法。分享给大家供大家参考。具体如下：
<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程序设计有所帮助。