2010-12-07 4 views
0

내가 지금과 같은 코드를 가지고 :선택 상자에서 다른 창이나 모달 상자를 열 수 있습니까?

<div class="field4"><label for="go" >Info <a href="helper/info.html?lightbox[width]=560&lightbox[height]=600" class="lightbox"><span class="helper open">?</span></a></label> 

          <select id="go" name="go"> 
           <option value="">Please select an option</option> 
           <option value="yes">Yes</option> 
           <option value="no">No</option> 
          </select> 
         </div> 

가 YES를 선택하면, 나는 특정 주소로 HREF를 호출하고 싶습니다 아마도 모달 상자 이 dooable인가?

주위를 확인하고 수행 방법을 확인하지 않았습니다.

확인 업데이트는 다음과 같습니다

<div class="field4"> 
          <img src="images/bugme.png" class="bugmeFloat"><label for="sms" >SMS Alerts <a href="helper/sms.html?lightbox[width]=560&lightbox[height]=600" class="lightbox"><span class="helper open">?</span></a></label> 

          <select id="sms" name="sms"> 
           <option value="">Please select an option</option> 
           <option value="no">No thanks</option> 
           <option value="yes">Purchase SMS Messaging</option> 
          </select> 
         </div> 
         <!--inline script for modal open off select choice--> 
         <script type="text/javascript" language="javascript"> 
         $(function() { 
          $('#sms').change(function() { 
           if ($(this).val() == 'yes') { 
            window.location = 'helper/sms.html?lightbox[width]=560&lightbox[height]=600'; 
           } 
          }); 
         }); 
         </script> 

         <!--//end inline modal box open --> 

그것은

+0

까다 롭고 될 수 없음 (나는이가 데모 용으로 단순화 할 수 있습니다 실현), 그러나 외설 - http://api.jquery.com/change/

  • 자바 스크립트 리디렉션 어쨌든 사용자를위한 * 2 * 및 본질적으로 2 진 결정을 모두 클릭하는 링크? (그들은 효과적으로 (예 : '예') 클릭하거나 (효과적으로 '아니오')를 클릭하지 마십시오.) –

  • +0

    그다지 까다 롭지 않습니다. 우리는 클라이언트가 자신의 프로파일을 업데이트하기 위해 커다란 폼을 가지고 있습니다. 특정 항목을 주문하는 요소 중 하나는이 방법을 사용하여 한 페이지에서 모든 것을 제어 할 수 있습니다. 양식을 남기지 않고. 기본적으로 내 욕망은 모달 상자를 열어 지불 할 수있는 것입니다. 그런 다음 양식으로 반환합니다. 어느 시점에서 우리는 성공할 때 해당 폼 요소를 사용할 수 없도록 설정하고 시간을 측정합니다. 따라서 설정된 시간 동안 다시 사용할 수 없습니다. 그것의 내 논리 LOL – 422

    답변

    0

    예 흠 ..... 창 또는 모달을 열어 밤은. 특정 조건이 충족되는 경우 그들이의 선택 값을 변경할 때

    $(function() { 
        $('#go').change(function() { 
         if ($(this).val() == 'yes') { 
          window.location = 'www.mynewaddress.com'; 
         } 
        }); 
    }); 
    

    기본적으로 새 주소로 이동됩니다 당신이 뭔가를 할 것입니다.

    관련 문서 :

    +0

    고맙습니다 Ender :) 그것에게 소용돌이를 줄 것이다, 환호 – 422

    +0

    <내가 일할 수있는 경우 버그가 발생했습니다 – 422

    +0

    다른 사람이 여러 버전을 테스트하고 보일 수없는 "작업"버전을 생각해 낼 수 있습니까? 공을 치러야합니다. – 422

    관련 문제