Question

누락 될 수 있습니다 URL을하지만 난 사용자가 텍스트를 추가 할 그들이 버튼을 클릭하면이 URL에 추가 된 HTML에서 텍스트 상자가 :

예를

<form id="discount_code" action='' method='get'> 
    <input type='text' name='code' id='code' placeholder='Enter a discount code..'></> 
    <input type="button" class='small-button' id='useCode' value='Use Code' onClick="parent.location='www.url.com?id=32&code=< TEXT ENTERED HERE >'" /> 
</form> 

jQuery 변경 이벤트 또는 이와 유사한 작업을 수행 할 수있는 방법이 있습니까? 나는 수 많은 비슷한 제안을 수색했으나 아무 것도 작동하지 않는 것으로 보인다. GET 형식으로 URL에 전달해야합니다. 또한 텍스트를 붙여 넣는 상황에서 작업해야하는 것이 바람직합니다.

감사합니다.

Answer 1

GET가 자동으로 헤더의 매개 변수를 넣어 것입니다.

그래서, 당신은이 같은 www.url.com에 양식의 작업을 변경하는 경우 :

<form id="discount_code" action='//www.url.com' method='get'> 
<input type='text' name='code' id='code' placeholder='Enter a discount code..' />   
<input type="button" class='small-button' id='useCode' value='Use Code' /> 
</form> 

..이이 (가) URL에 코드에 넣고 어떤 추가해야합니다.

<form id="discount_code" action='//www.url.com' method='get'> 
<input type='text' name='code' id='code' placeholder='Enter a discount code..' /> 
<input type='hidden' name='id' value='23' />   
<input type="button" class='small-button' id='useCode' value='Use Code' /> 
</form> 

Answer 2

당신은 URL 앞에 http : //를 놓쳤습니다. www가있는 브라우저를 시작하면 현재 url과 관련이 있습니다.

<form id="discount_code" action='' method='get'> 
<input type='text' name='code' id='code' placeholder='Enter a discount code..' /> 
<input type="button" class='small-button' id='useCode' value='Use Code' onClick="parent.location='http://www.url.com?id=32&code=< TEXT ENTERED HERE >'" /> </form> 

Answer 3

$(function(){ 
    $('#useCode').click(function(){ 
     var code = encodeURI($('#code').val()) 
     parent.location = 'http://www.url.com?id=32&code=' + code; 
    }); 
}); 

Answer 4

$("#discount_code").submit(function(e){ 
    var data = $(this).serialize(); 
    e.preventDefault(); 

    top.location = 'http://example.com/?code='+data.code; 
}); 

Answer 5

당신은, URL을 얻을 텍스트 상자에 값을 추가 한 다음이 같은 새 URL로 리디렉션 할 수 있습니다 : 지금까지의 ID를 넣어, 당신이 유사한 숨겨진 요소 또는 다른 입력을 만들 수 있습니다. 페이지가 새로 고침됩니다.

var url = document.URL; 
    window.location = url + $('#textboxID').val();​