본문 바로가기
Development

자바스크립트로 form에 input 추가하기

by doozzuri 2021. 5. 25.
반응형

자바스크립트로 특정 form에 input 추가하거나 값 넣기

 

 

(1) form에 해당하는 name의 input 이 있으면, 생성하지 않고 값을 넣어주기
(2) form에 해당하는 name의 input 이 없으면, input hidden을 만들고 값 넣어서 form에 추가하기

 

function fnAddElement(fNm, nm, value){
	var theForm = document.forms[fNm]; 
	if ( theForm.elements[name] == null){
		var input   = document.createElement('input'); 
		input.type   = 'hidden'; 
		input.name  = nm; 
		input.id  = nm; 
		input.value  = value; 
		theForm.appendChild(input); 
	}else{
		$("#" + nm).val(value);
	}
}
fnAddElement(fNm, nm, value);

// fNm : input이 추가될 form의 이름 
// nm : 추가할 input 의 name/id 값
// value : input에 들어갈 값
// fnAddElement("frm01", "sample", "10000");

 

반응형