양식 제출_javascript 기술을 제어하는 ​​JS 방법

WBOY
풀어 주다: 2016-05-16 15:50:53
원래의
975명이 탐색했습니다.

이 기사의 예에서는 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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿