Posting values of select box and hidden fields on select box change

See more:

Javascript

PHP

jQuery

I am having a form in table with select box in each row carrying different information with hidden field in each row obtained from database in php, While selecting any of the option of the select box it should be redirected to another page with the hidden field in that row and the selected value of the select box


should i do that using Ajax or any other solutionhere is the fiddle link

What I have tried:

<table border="1px solid black">
<tr><th>ID</th><th>Name</th><th>Sub</th><th>Action</th></tr>
<tr><td>1</td><td>Mamta</td><td>PHP</td><td><form method="post" action="form.php">
<select name="workno">
<option value="">--Select---</option><option value="1">1</option>
<option value="2">2</option></select>         
<input type="text" name="counter" placeholder="hidden Field">
<input type="text" name="counter" placeholder="hidden Field">
<input type="text" name="counter" placeholder="hidden Field">
<tr><td>2</td><td>Shipra</td><td>PHP</td>
<td><form method="post" action="form.php">
<select name="workno">
<option value="">--Select---</option><option value="1">1</option><option value="2">2</option></select>         
<input type="text" name="counter" placeholder="hidden Field">
<input type="text" name="counter" placeholder="hidden Field">
<input type="text" name="counter" placeholder="hidden Field">