[jquery] input 활용 (attr, val, submit)

프로젝트를 하면서 frontend에서 유용하게 썼던 메소드 이다

 

 

.attr()       스크립트에서 html 속성을 변경!

.val()        html의 값을 스크립트로 가져와서 사용!

.submit()          스크립트에서 form을 제출!

 

id로 가져오기

$('#아이디').val();

 

클래스로 가져오기   (점 붙어있음!!)

$('.클래스').val();

 

name으로 가져오기

$('input[name=이름]').val();

 

 

 

 

html 에 코드가 이렇게 있으면

<form id="styleanalysis" method="POST" action="product/styleList/">
    <input type="hidden" id="style" name="style" value="">
    <input type="hidden" id="pname" name="pname" value="abc">
</form>

 

스크립트단에서 다음과 같이 활용하였다.

var form = $('#styleanalysis');  // 어떤 폼인지 가져오기

var style ='캐주얼'
$('input[name=style]').attr('value',style);    // name이 style인 input 태그의 value에 캐주얼 넣기

var pname = $('#pname').val();   	// id값이 pname인 것의 value 값을 가져오기
console.log(pname);			// abc

form.submit(); 	// 처음에 저장한 폼 submit 하기 -> action으로 감

 

 

이해를 돕기위해 그림그렸는데 더 어지러운듯 ㅋㅋㅋ