JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm" class="myForm" action="somepage.html" action="post">
<div class="form-group">
<label for="nameForm">Name</label>
<input type="text" class="form-control" id="nameForm" placeholder="Your name here">
</div>
<div class="form-group">
<label for="selectForm">Your college year</label>
<select class="form-control" id="selectForm">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<label for="textForm">Comment(s)</label>
<textarea class="form-control" id="textForm" rows="3" placeholder="Leave your comment(s) here"></textarea>
</div>
<button type="button" id="submitButton" class="btn btn-primary">Send</button>
</form>
JavaScript
$(document).ready(function() {
$("#submitButton").click(function() {
console.log($("#myForm").attr("action"));
console.log($("#selectForm option:selected").text());
console.log($("#nameForm").val());
console.log($("#textForm").val());
// you can store the form Value here and then
// $("#myForm").submit() will submit the form to the URL
});
});