发布选择框和隐藏字段的值在选择框更改时使用Ajax

Question

我在表中有一个表单，每行中的选择框带有不同的信息，每行中都有隐藏字段，从php中的数据库中获取，在选择任何选项框时，它应该被重定向到另一个页面。该行中的隐藏字段和选择框的选定值

<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">

我如何使用Ajax here is the fiddle link

来做到这一点