[Jquery] form 폼 객체 동적 생성(함수사용)

2022. 11. 11. 06:28· 기존(310)/🏀JavaScript

//1. form 생성
//2. form post parameter 생성
//3. form 에 parameter 삽입
//4. form submit
$('#btn_submit').click( function() {
	var $form = $('<form></form>');
	$form.attr('action', 'order.asp');
	$form.attr('method', 'post');
	$form.attr('target', 'iFrm');
	$form.appendTo('body');
     
	var idx = $('<input type="hidden" value="<%=idx%>" name="idx">');
	var page = $('<input type="hidden" value="<%=page%>" name="page">');
	var category = $('<input type="hidden" value="<%=category%>" name="category">');
	var keyfield = $('<input type="hidden" value="<%=keyfield%>" name="keyfield">');
	var keyword = $('<input type="hidden" value="<%=keyword%>" name="keyword">');
 
	$form.append(idx).append(page).append(category).append(keyfield).append(keyword);
	$form.submit();
});
저작자표시

'기존 > 🏀JavaScript' 카테고리의 다른 글

[JS] 자바스크립트 for 문을 이용한 1부터100까지 값 출력하기 prompt  (0) 2022.08.30
[JS] 자바스크립트 Switch 스위치문 자바스크립트 사용하기 !! prompt 사용  (0) 2022.08.30
[JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 2  (0) 2022.08.30
[JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 1  (0) 2022.08.30
[JS] 자바스크립트 form 있는 값 사칙연산하기 (덧셈,뺄샘,곱셈,나눗셈)  (0) 2022.08.30
'기존(310)/🏀JavaScript' 카테고리의 다른 글
  • [JS] 자바스크립트 for 문을 이용한 1부터100까지 값 출력하기 prompt
  • [JS] 자바스크립트 Switch 스위치문 자바스크립트 사용하기 !! prompt 사용
  • [JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 2
  • [JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 1
조각남자
조각남자
프로그래밍 기술 및 저장소
조각남자
조각남자
조각남자
전체
오늘
어제
  • 전체 보기
    • Java
      • Spring
    • 기존
      • 🏀Jsp
      • 🏀Spring
      • 🏀Pom.xml
      • 🏀SpringBoot
      • 🏀JavaExcption
      • 🏀JavaDB
      • 🏀SpringBootCloneWebSite
      • 🏀SptringDependency
      • 🏀JpaEnvorinoment
      • 🏀Thymeleaf
      • 🏀Node
      • 🏀Pyton
      • 🏀DataBase
      • 🏀JavaScript
      • 🏀Android
      • 🏀JPA
      • 🏀Flutter
      • 🐸Utils
      • 🎫 Batch
      • 🎞️JenKins
      • 🎈Python
      • 🎗️AWS
      • 🦠Vue
      • 🐳React
      • 🖲️kafka
      • Next.js

공지사항

  • 공지사항

인기 글

태그

  • D

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
조각남자
[Jquery] form 폼 객체 동적 생성(함수사용)
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.