>  기사  >  웹 프론트엔드  >  JavaScript_javascript 기술을 사용하여 양식을 동적으로 생성하고 제출하는 방법

JavaScript_javascript 기술을 사용하여 양식을 동적으로 생성하고 제출하는 방법

WBOY
WBOY원래의
2016-05-16 15:26:341449검색

이 기사의 예에서는 JavaScript를 사용하여 양식을 동적으로 생성하고 제출하는 구현 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

페이지 레이아웃이 다소 복잡한 경우 페이지에서 양식을 동적으로 생성해야 할 수도 있습니다. JavaScript를 사용하여 양식을 만드는 방법은 다음과 같습니다.

// JavaScript 构建一个 form 
function MakeForm() 
{ 
  // 创建一个 form 
  var form1 = document.createElement("form"); 
  form1.id = "form1"; 
  form1.name = "form1"; 
  // 添加到 body 中 
  document.body.appendChild(form1); 
  // 创建一个输入 
  var input = document.createElement("input"); 
  // 设置相应参数 
  input.type = "text"; 
  input.name = "value1"; 
  input.value = "1234567"; 
  // 将该输入框插入到 form 中 
  form1.appendChild(input); 
  // form 的提交方式 
  form1.method = "POST"; 
  // form 提交路径 
  form1.action = "/servlet/info"; 
  // 对该 form 执行提交 
  form1.submit(); 
  // 删除该 form 
  document.body.removeChild(form1); 
} 

MakeForm을 호출한 후 즉시 Form을 생성하여 제출한 후 Form을 제거합니다.

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.