Spinner 를 사용한 수량 증가에 따른 값 변동하기.

장바구니에서 수량 을 조절할수 있는 버튼이 있다.

 

처음에 botton 태그에 type을 number 로 지정하였다.

하지만 nubmer 로 하면 Crom 에서는 잘 보여지지만 다른 엣지나 익스플로러 에서는 정상적으로 적용되지 않는다.

 

그러므로 모두 공통적으로 잘 구현될수 있게 Spinner 를 사용하였다.

 

수업시간에 대운대로 

파일을 추가해 준다음

header.jsp 에 가서 script 를 추가해 준다.

 

그런 다음 다시 View 단인

[ Cart.jsp ]

 

해주면 Spinner 이 완성이 된다.

 

이제 Spinner 증가에 따른 값을 변동해 줄것이다.

 

그러기 위해서는 단가 와 스피너 수량을 알아야 한다.

 

 

 

DB에서 불러온 단가이다. 수량은 위에서 정의해 준것을 보면 안다.

 

솔직히 Spinner 수량에 대한 선택자를 잡을때 시행착오가..... 많았다 ㅠㅠ

 

최종적인건 조원이 많이 도와주었다.

결괴는 함수를 하나 만드는 것으로 하였다.

 

 

totalprice 와 paymentprice 는 

이곳을 뜻하고 있다.

 

함수를 만들었으면  수량을 변경 할때마다 바로 보여 주어야 하기 때문에

이렇게 해주었다.

 

결과물은 아주 성공적이었다~!!!!!

 

 

위에는 변경전

 

 

아래는 변경후

 

 

totalprice 와 paymentprice 도 성공적으로 적용이 되었다!!~