양식이 IE에서 제대로 제출되지 않습니다

Question

간단한 기부 양식이 Internet Explorer를 제외하고 올바르게 제출됩니다. 나는 그것이 change()와 focus() 또는 blur()와 관련된 문제와 관련이 있다고 확신하지만, 지금까지 수 백 번의 시도가 실패했다. 이 게시물에서 언급 한대로 change() 대신 .click()을 사용하여 시도 : Getting jQuery to recognise .change() in IE (및 다른 곳에서), 그러나 나는 그것을 작동시키지 못했습니다! ... 그래서 나는 아마도 단순한 것을 간과하고 있습니다. http://www.wsda.org/donate

HTML 양식 : 여기

페이지에 대한 링크입니다

<form id="donationForm" method="post" action="https://wsda.foxycart.com/cart.php" class="foxycart"> 
<input type="hidden" id="name" name="name" value="Donation" /> 
<input type="hidden" id="price" name="price" value="10" /> 
<div class="row"> 
<label for="price_select">How much would you like to donate?</label> 
<select id="price_select" name="price_select"> 
       <option value="10">$10</option> 
    <option value="20">$20</option> 
    <option value="50">$50</option> 
    <option value="100">$100</option> 
    <option value="300">$300</option> 
    <option value="0">Other</option> 
</select> 
</div> 
<div class="row" id="custom_amount"> 
<label for="price_input">Please enter an amount: $</label> 
<input type="text" id="price_input" name="price_select" value="" /> 
</div> 
<input type="submit" id="DonateBtn" value="Submit Donation »" /> 
</form> 

JQUERY :

// donation form 
$("#custom_amount").hide(); 
$("#price_select").change(function(){ 
    if ($("#price_select").val() == "0") { 
     $("#custom_amount").show(); 
    } else { 
     $("#custom_amount").hide(); 
    } 
    $("#price").val($("#price_select").val()); 
}); 

$("#price_input").change(function(){ 
    $("#price").val($("#price_input").val()); 
}); 

Answer 1

이 게시물에서 주어진 답변 중 하나를 사용하여 : Getting jQuery to recognise .change() in IE - 다음과 같이 스크립트를 수정 했으므로 t는 위대한 작품! WORKS! :

// donation form 
$("#custom_amount").hide(); 
$("#price_select").change(function(){ 
    if ($("#price_select").val() == "0") { 
     $("#custom_amount").show(); 
    } else { 
     $("#custom_amount").hide(); 
    } 
    $("#price").val($("#price_select").val()); 
}); 

if ($.browser.msie) { 
    $("#price_input").click(function() { 
    this.blur(); 
    this.focus(); 
    }); 
}; 

$("#price_input").change(function(){ 
    $("#price").val($("#price_input").val()); 
});