Chrome 및 IE에서 교차 도메인 양식 제출이 작동하지 않습니다.

Question

에서를 제출하는 중에 예기치 않은 문제가 있습니다. 양식의 동작은 다른 도메인입니다. 그리고 그 방법은 얻을 수 있습니다.

<div style="width: 100%; background-color: #09334D; margin: 0 0 15px 0; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;" 
<form action="http://www.flipkart.com/search-book" method="get"> 
    <a href="http://www.flipkart.com/?affid=debiprasad"> 
     <img alt="Flipkart.com" style="vertical-align:middle" src="http://static.fkcdn.com/www/270/images/flipkart_india.png" /> 
    </a> 
    <input type="hidden" name="affid" value="debiprasad"> 
    <input type="text" name="query" style="height:25px; width: 400px; font-size: 16px;"> 
    <select onchange="$(this).closest('form').attr('action', 'http://www.flipkart.com/search-' + $(this).val());" style="height:25px; width: 150px; font-size: 16px;"> 
     <option value='book' selected>Books</option> 
     <option value='music'>Music</option> 
     <option value='movie'>Movies & TV</option> 
     <option value='game'>Games</option> 
     <option value='mobile'>Mobiles</option> 
    </select> 
    <input type="submit" value="Search" style="height:25px; width: 100px; font-size: 16px; background: url('http://static.fkcdn.com/www/270/images/fkart/search_button_bg.png') repeat-x scroll 0 0 transparent; border: 1px solid #915A13; color: #3C2911; cursor: pointer; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-weight: bold; padding: 0 17px 0 15px; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;"> 
</form> 

양식의 위치는 : 여기에서의 코드에 나는 "검색"(제출) 버튼을 클릭하면 http://wheretobuyonline.in/

, 그것은 제출하지 않습니다. 이 문제는 Chrome과 IE (8)에서 발생합니다. 그러나 Firefox에서 아무런 문제없이 작동합니다.

Answer 1

마크 업에 오류가 있습니다. 양식 태그 앞의 div 태그에 ">"문자가 없습니다. 나는 이것이 문제라고 생각한다.