как передать скрытое значение в форму в jquery

Question

Я пытаюсь передать значение id моей модальной форме, которая отображается после нажатия определенной кнопки. Вот мой код Хотите получить teacher_id, subject_id и class_id для каждого учителя. Вот снимок экрана

[code]
    <div class="modal-content">
      <div class="modal-header">
       <h6 class="modal-title">Modal title</h6>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body">
            <form id="myForm" action="" method="post" class="form-horizontal">
                <input type="hidden" name="teacher_id" value="">
                <div class="form-group">
                    <div class="form-label-group">
                        <select class="form-control" name="classes">
                              <option value="">Select Class</option>
                              <?php foreach($classes as $cl){?>
                              <option value="<?php echo $cl['class_id']?>"><?php echo $cl['class_title']?></option>
                              <?php }?>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-label-group">
                        <select class="form-control" name="subjects">
                              <option value="">Select Class</option>
                              <?php foreach($subjects as $sub){?>
                              <option value="<?php echo $sub['subject_id']?>"><?php echo $sub['subject_name']?></option>
                              <?php }?>
                        </select>
                    </div>
                </div>

            </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" id="btnSave" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->

<script>
$('#btnSave').click(function(){
            var url = $('#myForm').attr('action');
            var data = $('#myForm').serialize();
            //validate form
            var classes  = $('#classes option:selected').val(); 
            var subjects = $('#subjects option:selected').val(); 
            var result = '';
});
            $('#showdata').on('click', '.assign-class', function(){
            var id = $(this).attr('data');

            $('#myModal').modal('show');
            $('#myModal').find('.modal-title').text('Assign Class');
            $('#myForm').attr('action', '<?php echo base_url() ?>index.php/teacher/update_teacher');
            $('#myForm').attr('input[name=teacher_id]').val(id) ;   
});
</script>
[/code]

Я хочу обновить teacher_id в myform. Пожалуйста, кто-нибудь гид. Большое спасибо.

Answer 1

Вы можете выбрать скрытые цели, как и другие цели, эти скрытые цели скрыты для атрибута css, но он существует в DOM, просто выберите нужный элемент, как и другой элемент.

> $("input[name='teacher_id']")

Answer 2

Вы можете нацелить скрытые входы, как и любой другой Он скрыт только от глаз зрителя, а не от кода Javascript. Используйте $("input[name='teacher_id']") для нацеливания.