jQuery submit form on select change

Question

Я рассмотрел несколько вопросов здесь и последовал за ними, но я до сих пор не добился успеха. Я хочу, чтобы форма отправлялась при изменении выбора. У меня есть это:

HTML:

<form id="form1_currency" action="/" method="post"> 
    <select id="form1_currency" name="currency" class="autosubmit"><option value="47">GBP</option><option value="142">USD</option><option value="44">EUR</option></select> 
    <input id="form1_submit" name="submit" value="OK!" type="submit" /><input type="hidden" name="cms-form" value="Y3VycmVuY3k6cGVyY2hfc2hvcDovdGVtcGxhdGVzL3Nob3AvY3VycmVuY2llcy9jdXJyZW5jeV9mb3JtLmh0bWw6MTQ2MDk3NDgwNg==" /> 
</form> 

Jquery:

$('.autosubmit').on('change', function(){ 
    console.log('Option Changed'); 
    $(this).parent('form').submit(); 
}); 

Но форма не подает. Ручка здесь:

http://codepen.io/mikehdesign/pen/ZWomjv

Помощь высоко оценили!

Answer 1

Изменить «отправить» имя на другое. Это вызывает проблему.

Смотрите JQuery представить() документацию:

Формы и их дочерние элементы не должны использовать имена входных или идентификаторы, которые конфликт со свойствами формы, например, представить, длину, или метод. Конфликты имен могут вызывать сбивающие ошибки. Полный список правил и проверка разметки этих проблем см. В документе DOMLint.

Так что просто измените значение атрибута имени от submit на все остальное. Working Fiddle

Измененная часть в вашем коде выше это

<input id="form1_submit" name="something" value="OK!" type="submit" />

Answer 2

Вы можете попробовать это.

$('form').submit();