2014-10-14 4 views
1

주문 노트 아래에있는 'delivery_day'라는 사용자 정의 필드를 woocommerce 페이지에 추가했습니다. 이 사용자 정의 필드는 장 Y 구니 페이지에서 특정 운송 f}을 선택한 경우에만 계산 페이지에 추가됩니다.배송 방법이 변경된 경우 체크 아웃 페이지의 맞춤 필드 숨기기

사용자가 결제 페이지에서 배송 방법을 변경하기로 결정한 경우 맞춤 '배달 일'입력란을 삭제/숨겨야합니다.

의견을 보내 주시면 대단히 감사하겠습니다.

배송 방법이 변경되면 결제 페이지의 결제/배송 섹션을 새로 고치는 방법이 있습니까? 아니면 jQuery를 사용하여이 작업을 수행 할 수 있습니까?

+0

예, 배송 방법이 변경되면 jquery/javascript를 사용하여 숨길 수 있습니다. 운송 방법 선택 상자에서 변경 이벤트를 듣고 값을 감지하고 원하는 것 이외의 것이라면'delivery_day' 필드를 숨 깁니다. http://api.jquery.com/change/, http://api.jquery.com/val/, http://api.jquery.com/hide/ – Will

+0

많은 감사의 뜻! –

+0

나는 같은 것을하고 싶다. 나를 안내해 주시고, 어떻게 사용자 정의 필드 'delivery_day'를 추가 할 수 있으며 배송 방법을 보여주고 숨길 수도있다. –

답변

1

다음 jQuery가 작업을 수행 한 것으로 보입니다!

<script> 
$(document).ready(function(){ 
     $('#selectionOne').on('change',function() { 
     if ($('#selectionOne').val() == '-none-'){ 
      $('#selectionTwo').show(); 
     } else { 
     $('#selectionTwo').hide(); 
     } 
    }) 
}) 
</script> 
+0

가는 길. 기분이 좋았습니다. 당신은 그것을 단축 할 수 있습니다. 'if ($ (this) .val()! == '없음 -') {$ ('# selectionTwo'). 숨기기(); }'change 이벤트에 대한 콜백에 들어가면,'this'는 변경된 요소를 참조하고'$ (this)'는'this'의 jQuery wrapped 버전이므로'val() '과 같은 것을 할 수 있습니다. ' – Will

+0

이 코드를 어디에 넣어야하는지 조금 혼란스럽게 도와주세요. –

관련 문제