양식 필드를 URL에 추가하십시오.

Question

텍스트 입력 필드의 값 (수량)을 URL에 추가하려고합니다. 물론 나는 이것을 작동시킬 수 없다. 내가있어 무엇

은 다음과 같습니다

는

<form class="formProduct" id="formProduct" action="#" method="post"> 
<input type="text" name="quantity" id="formProductQuantity" value="{{ product.stock.minimum }}" /> // text field with quantity 
<a class="button blue opener" href="" title="{{ 'Add to cart' | t }}"><span>{{ 'Add to cart' | t }}</span></a> // submit button 
</form> 

<script> 
var addUrl = "http://shop.com/cart/add/123456/?quantity="; // 123456 is the product id 

asset("#formProduct"); 

function asset(product){ 

    $(product + " input#formProductQuantity").val("1"); 
    $(product + " #formProductQuantity").keyup(function() { 
     var val = $(product + " input#formProductQuantity").first().val(); 
    }); 

    $(product + " .opener").click(function() { 
      var val = $(product + " input#formProductQuantity").first().val(); 

       // Go to page 
       window.location.href = addUrl + val; 

    }); 
} 
</script> 

그래서 내가하려고하는 것은, 예를 들어 http://shop.com/cart/add/123456/?quantity=100에 전달하는 형태로 채워진 양을 전달하는 것입니다. 위의 코드는이 포럼에서 찾았지만 제대로 작동하지 않습니다.

어떤 도움을 더는 내가이 일을하는 데 여기있는 모든 도움에

UPDATE

확인을 들으을 환영합니다. 모든 의견이나 수정 사항은 여전히 ​​환영 받고 있습니다. 기능 코드는 다음과 같습니다

<script type="text/javascript"> 
var addUrl = "http://shop.com/cart/add/123456/?quantity="; // 123456 is the product id 

jQuery(document).ready(function(){ 
    asset("#formProduct"); 
    }); 
function asset(product){ 

jQuery(product + " input#formProductQuantity").val("1"); 
jQuery(product + " #formProductQuantity").keyup(function() { 
    var val = jQuery(product + " input#formProductQuantity").first().val(); 
}); 

jQuery(product + " .opener").click(function(event) { 
    event.preventDefault(); 
    $.get($(this).attr('href'), function(data, status) { 
     var val = jQuery(product + " input#formProductQuantity").first().val(); 

      // Go to page 
      window.location.href = addUrl + val; 
    $("#dialog").dialog("open"); 
      return false; 

    }); 
})} 

Answer 1

제출 버튼에 자바 스크립트를 추가하려고합니다. 그러면 자바 스크립트를 통해 실행되지만 양식은 계속 제출되므로 window.location.href는 실행되지 않습니다. 당신이해야 할 일은 다음과 같습니다.

return false; 자산의 끝

() 함수 :

$(product + " .opener").click(function() { 
    var val = $(product + " input#formProductQuantity").first().val(); 

    // Go to page 
    window.location.href = addUrl + val; 
    return false; 
}); 

이것은 당신이 필요로 window.location.href 리디렉션 할 수 있도록 제출에서 양식을 중지합니다.

Answer 2

나는 당신이 URL을

Answer 3

당신은 가까운를 통해 데이터를 전송합니다 양식을 제출하는 방법을 얻을 수 있습니다 생각합니다. 는 {{ '장바구니에 담기'| : 함수에

var val = $("#formProductQuantity").val(); 

var addUrl = "http://shop.com/cart/add/123456/?quantity=" + val 
top.location = addUrl 

업데이트 HREF를 : 당신이 #formProductQuantity에서 발을 원한다면 이것을 사용 t}} // submit 버튼 함수에서

이 추가 : 그들은 앵커를 클릭하면

$(".opener").attr("href", "http://shop.com/cart/add/123456/?quantity=" + val); 

이제 앵커 설정하고 갈 준비가되어 ... 그리고 멀리 우리가 간다 :-) 당신을 또한 target = "_ blank"를 추가하여 새 페이지에서 URL을 열 수 있습니다.