[JavaScript/HTML] form태그로 원하는 데이터 전송하기

스크립트에서 form.submit();을 하게 되면 form태그 안에 있는 값들이 전부 서버로 전송이 된다.

하지만 가끔 원하는 값만 전송하거나, 전송하고싶지 않을 때가 있다.

 

if 이 값은 전송하고 싶지 않다

--> disabled 속성을 주면 값이 넘어가지 않는다

대신 focus가 불가하고, 일부 브라우저에서 회색으로 보이기도 한다.

 

if 이 값만 전송하고 싶다

--> event.preventDefault(); 로 디폴트이벤트를 막고 폼의 n번째에 있는 값을 전송하면 된다

<form id="test" method="post" action="test.do">

<input type="hidden" name="test" value="test">

</form>

 

<button id="btn">삭제하기</button>

 

<script>

$("#btn").click(function(){

event.preventDefault();

if(!confirm("정말로 삭제하시겠습니까?"))return;

$("#test")[n].submit();

});

</script>

 

if input태그나 textarea태그가 화면에는 정상적으로 보이되, 수정을 원치 않을 경우엔

-->readonly 속성을 주면 된다

읽기 전용이라 마우스로는 focus되지 않으니 tab키로 focus 가능하다

 

if 화면에 보이기 싫지만 값을 넘겨야 한다면

-->hidden으로 넘기면 된다