Я использовал Jquery для захвата элемента формы, а затем использовал метод .serialized для сериализации данных, которые, в свою очередь, будут храниться в переменной javascript с именем data.Вы можете использовать данные для других ваших функций.больше информации о методе сериализации: https://api.jquery.com/serialize/
$(document).ready(function () {
$('#myButton').on('click', submitTheForm);
});
function submitTheForm() {
var formData = $('#myForm').serialize();
var data = decodeURIComponent(formData);
alert('serialized data: ' + data)
$('#myForm').submit();
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
</head>
<body>
<form id="myForm">
Select a product:
<select name="favoriteCar">
<option>Apple</option>
<option value="Chevy">Orange</option>
<option>Banana</option>
</select><br />
Comment:
<input type="text" name="comment" />
</form>
<button id="myButton">order product</button>
</body>
</html>