텍스트 필드에서 사용자 입력과 함께 url에 div 값을 추가합니다. javascript

Question

URL에 div 값을 추가하고 URL에서 데이터를 검색 할 수 있도록 GET을 사용하여 양식을 제출하려고합니다. 내 결과 페이지에 표시 할 수 있습니다. 하지만 어떻게해야할지 모르겠습니다. 예를 들어

: 코드 :

<form action="Receipt.html" method="GET"> 
    <input type= "text" id="Name" name="txtName"/> 
    <div id="total">30</div> 
    <input type="submit" value="Purchase" class="submit"/> 
    </form> 

나는 사용자가 제출 '버튼을 쳤을 때 URL에 이름과 함께 "전체"의 값을 전달해야합니다. 나는 그것이 의미가 있기를 바랍니다. 고마워요!

Answer 1

jquery를 사용하면이 작업을 수행 할 수 있습니다.

<form action="Receipt.html" method="GET"> 
<input type= "text" id="Name" name="txtName"/> 
<div id="total">30</div> 
<input type= "hidden" id="txttotal" name="txttotal"/> 
<input type="submit" value="Purchase" class="submit"/> 
</form> 

자바 스크립트 :이 하나 ...

HTML을 시도 다음 페이지에서

$('#txttotal').val() = $('#total').text(); 

문서 준비 기능에 당신이 txttotal

Answer 2

를 얻을 수 있습니다 당신은 양식에서 URL을 얻을 수 있습니다 를 사용하여 :

var url = $("form").attr("action"); 
// add value 
url+= "?divValue=" + $("#total").html(); 
// then you use jquery/ajax get as you planed. 

Answer 3

은 DIV에 값이 고정되어있는 경우 또는 변경 한 번 직접 또한, 아약스를 사용하는 것이 더 좋은 옵션이 될 것입니다

<form action="Receipt.html?total=30" method="GET"> 

같은 행동에 배치 할 수 있습니다 그래서 만약 형태로 약간의 변화 값이 변경.