form 동적 생성

장유라·2023년 2월 6일
0

javascript & jQuery

목록 보기
3/3

jQuery

	let $form = $('<form></form>'); // 폼 태그 생성
    $form.attr('action', url); 		// 폼 속성 설정
    $form.attr('method', 'get');
    $form.append($('<input />', { type: 'hidden', name: 'name', value: 'value' }));	// 자식태그 생성
    
   	$form.append('<input type="hidden" name="name" value="value" />'); -> 문자열로 append 가능 
    
    $form.appendTo('body'); // body태그에 추가
    $form.submit(); // 전송

Javascript

	let form = document.createElement('form'); // 폼 태그 생성
    form.setAttribute('action', url); // 태그 속성 설정
    form.setAttribute('method', 'get');
    
    let input = document.createElement('input'); // 자식 요소 input 태그 생성
    input.setAttribute('type', 'hidden'); // 태그 속성 설정
    input.setAttribute('id', 'inputId');
    input.setAttribute('value', 'value');
    
    form.appendChild(input); // input태그를 form태그의 자식요소로 만듦
    document.body.appendChild(form) // form태그를 body태그의 자식요소로 만듦
    form.submit(); // 전송
    

0개의 댓글