简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

양식 다중 버튼 제출 작업 처리 방법의 js 구현_javascript 기술

WBOY
풀어 주다： 2016-05-16 15:35:26
원래의
1286명이 탐색했습니다.

이전 기사에서는 PHP에서 다중 버튼 양식 제출 동작을 구현하는 방법을 소개했습니다. 오늘은 다중 버튼 양식 제출 동작을 구현하는 js 메서드를 소개하겠습니다.

JS를 사용하여 양식에 여러 개의 버튼을 구현하고 두 개의 onclick 이벤트를 처리합니다. 코드는 다음과 같습니다. 

<html>  
<head>  
<script>  
  function submitit1()  
  //交由程序1处理    
  {  
    document.myForm.action = "http://www.site.com/cgi1.php"  
    document.myForm.submit();  
  }  
  function submitit2()  
  //交由程序2处理    
  {  
    document.myForm.action = "http://www.site.com/cgi2.php"  
    document.myForm.submit();  
  }  
</script>  
</head>  
  
<body>  
<form name="myForm" METHOD=POST>  
  username:<input type=text name=text1>  
  password:<input type=password name=text2>  
  <input type=button value="Submit1" onClick=submitit1();>  
  <input type=button value="Submit2" onClick=submitit2();>  
</form>  
</body>  
</html>
로그인 후 복사

이전 글 "PHP에서 다중 버튼 제출 동작을 폼에 구현하는 방법"과 함께 공부하시면 효과가 더 좋을 수도 있습니다.

관련 라벨：
js点击按钮提交表单 js按钮提交表单 js获取表单action form表单提交action
원천：php.cn
이전 기사：js_javascript 스킬의 함수에 대한 기본 매개변수 값을 설정하는 3가지 방법 다음 기사：JS는 매우 간단한 웹페이지 제목 실행 및 깜박임 프롬프트 효과 code_javascript 기술을 실현합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...
에서 2024-04-06 14:54:03
0
2
421
툴팁의 Highcahrts 링크 및 버튼이 작동하지 않습니다. 툴팁 내부에서 클릭 이벤트를 트리거하려고 합니다. 클릭 이벤트가 포함된 버튼을 넣었지만 작동하지 않습니다. 또한 툴팁 내부에 외부 링크를 추가해 보았습니다. 그것...
에서 2024-04-04 22:01:46
0
1
1352
jQuery.remove() 및 array.splice() 문제 그래서 항목 목록과 쇼핑 목록이 있는 페이지가 있습니다. 항목 목록에서 x개의 항목을 쇼핑 목록에 추가하는 경우 쇼핑 목록에서 항목을 클릭하고 해당 항목을 연 모...
에서 2024-04-04 17:21:35
0
1
347
PHP 양식이 제출 버튼을 올바르게 게시하지 않습니다. 신청서를 작성하고 있는데 양식이 작동하지 않습니다. 제출 버튼을 클릭하면 변수를 게시하기 위해 if 문을 실행하지도 않습니다. 내 양식 태그는 다음과 같습니다. ...
에서 2024-04-03 12:46:54
0
1
379
onSubmit을 사용하여 React에서 Node js로 데이터 보내기 내 React 스크립트에는 제출 버튼을 클릭하면 호출되는 onSubmit이 있습니다. consthandleSubmit=(event)=>{event.preve...
에서 2024-04-02 16:36:07
0
1
268
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！