[jQuery] Form input 동적으로 추가해서 Submit 하기

jQuery를 사용해서 form을 submit 하기 전에 특정값을 추가하는 방법입니다.

hidden input 을 사용해서 추가합니다. 이때, name이 해당 attribute의 키가 되는 것을 주의하세요.

<form id=”loginForm”></form> 이 이미 존재하고 다른 input값이 있는것으로 가정합니다.

const password = "";
$("#loginForm").attr("action", "/auth/login");
$("#loginForm").attr("method", "POST");

//add custom value with hidden field
const param_password = $("<input type='hidden' value=" + password + " name='loginPass' readonly>");
$("#loginForm").append(param_password);
$("#loginForm").submit();