выберите не выбирая значение в jquery

Question

Я делаю выпадающий список в al oop и помещаю выбранное значение в скрытый атрибут формы. Он работает правильно в первый раз, но при перезагрузке той же страницы он всегда устанавливает 0 для этого атрибута. Вот мой код Это кажется простым, но я не могу понять, где я иду не так.

<?php 
                  $dex=0;
                  if($row!=''){
                    foreach($teacher as $value){
                    ?>
                    <tr>
                    <td><?php echo $value['first_name'].' '.$value['last_name'] ?></td>
                    <td><?php echo $row[$dex]['subject_name'] ?></td>
                    <td><?php //echo $value['father_name'] ?></td>
                    <td>
                        <div class="form-label-group">
                            <select id="exam_term" class="form-control" name="exam_term" >
                                    <option value="0">Assesment</option>
                                    <option value="1">First</option>
                                    <option value="2">Second </option>
                                    <option value="3">Mid Term </option>
                                    <option value="4">Prelium </option>
                            </select>
                        </div>
                    </td>
                    <td>
                        <form method="post" action="<?php echo base_url()?>index.php/teacher/view_subject_marks">
                            <input type="hidden" name="exam_id" value=""/>
                            <input type="hidden" name="teacher_id" value="<?php echo $value['id'] ?>"/>
                            <input type="hidden" name="class_id" value="<?php echo $row[$dex]['class_id'] ?>"/>
                            <input type="hidden" name="subject_id" value="<?php echo $row[$dex]['subject_id'] ?>"/>
                            <input  class="btn btn-primary btn-sm submit_btn" type="submit" value="View Marks" />
                        </form>  
                    </td>
                    </tr>
                      <?php 
                        $dex++;
                    }
                  }
                    ?>
                </tbody>
              </table>
            </div>
          </div>

        </div>

и вот мой jquery

<script>
    $(document).ready(function(){
        $('select').change(function(){
            var exam_term = $('#exam_term option:selected').val();
            alert(exam_term);
            $('input[name=exam_id]').val(exam_term)  ;  


        });
    });
</script>

Answer 1

Работа с идентификаторами и может быть сокращена.

<input type="hidden" name="exam_id" id="exam_id" value=""/> 

$(document).ready(function(){
        $('select').change(function(){
            $('#exam_id').val($('#exam_term).val())  ;  
        });
});