2016-10-05 3 views
1

, если на нем есть страница с несколькими формами выбора, как показано ниже, и форма должна быть отправлена ​​с использованием js (но не встроенного), тогда есть простой способ достичь он использует только одну функцию?Представление форм для выбора со страницей, имеющей несколько форм выбора

<form action="" method="post"> 
<select name="cars" id="cars"> 
    <option value="">Choose</option> 
    <option value="1">Toyota</option> 
    <option value="2">Nissan</option> 
</select> 
</form> 

<form action="" method="post"> 
<select name="trucks" id="trucks"> 
    <option value="">Choose</option> 
    <option value="1">TATA</option> 
    <option value="2">Nissan</option> 
</select> 
</form> 

Если бы я должен был сделать это в очереди, было бы просто

onchange = 'this.form.submit(); 

Как сделать это, используя файл JS. Благодарю.

ответ

2

Использование JQuery:

$(document).ready(function() { 
    $('select').on('change', function() { 
     $(this).parents('form').submit(); 
    }); 
}); 

EDIT: согласно вашему запросу, если я правильно вас понял:
1) Поместите код выше, находится в файле submit.js.
2) В вашем файле html/php ссылка на файл <script src="submit.js"></script>

+0

Не могли бы вы также показать, как вызвать функцию OnChange, если фрагмент кода Предоставленный в файле с именем submit.js , В настоящее время я повторяю использование php, которое выглядит примерно так: 'echo '