Получить значение формы для выбранного Выберите тег

Question

Чтобы начать, я поместил форму в цикл for. В этой форме есть также тег Select. Когда опция в окне выбора изменилась, я должен получить сериализацию формы, где выбран выбранный тег Select. Кодирование:

<?php for($i=0;$i<5; $i++) 
{ 
?> 
<form action="#" method="post" id="designer_status_frm_1"> 
       <select style="font-size: 8pt; height: 20pt" class="form-control" id="status_job_decigner_1" name="status_job"> 

     <?php 
     $sqlstatus="SELECT * FROM `designer_status_options`"; 
     $stmtstatus=$dbg->query($sqlstatus); 
     foreach($stmtstatus as $rowstatus) { 
     ?> 
     <option value="<?php echo $rowstatus['status_id'];?>" <?php if($rowstatus['status_id']==$status_row['status_id']){echo 'selected'; }?>><?php echo $rowstatus['status'];?></option> 
     <?php } ?> 

     </select> 
       <input type="hidden" name="lg_user_id" id="lg_user_id" value="<?php echo $status_row['designer_id']; ?>"> 
       <input type="hidden" name="job_id_info" id="job_id_info" value="<?php echo $status_row['job_pro_id']; ?>"> 
       <input type="hidden" name="action" id="action" value="add_status"> 
      </form> 
      <? 
      } 
      ?> 

Как я могу получить это значение формы в jquery?

спасибо.

Answer 1

$('#status_job_decigner_1').val(); 

Как вы получите значение, используя id вместе с jQuery.

Если вы хотите значение на изменения, вы могли бы сделать

$('#status_job_decigner_1').change(function() { 
    var select_value = $(this).val(); 
} 

Чтобы сериализовать форму на изменение, просто добавьте

var form_data = $('#designer_status_frm_1').serialize(); 

в случае изменения для выбора.

Чтобы сериализовать форму для измененного выбора, вы могли бы сделать

$('#status_job_decigner_1').change(function() { 
    var select_value = $(this).val(); 

    var form_data = $(this).parents('form').serialize(); 
    // or $(this).closest('form').serialize(); 
} 

Answer 2

Вы можете использовать serialize() или serializeArray() для получения данных FORM

$('#status_job_decigner_1').change(function() { 
 
    var select = $(this).val(); 
 
    // To get select value 
 
    var form = $('#designer_status_frm_1').serialize(); 
 
    // To get serialized form value 
 
    var formArr = $('#designer_status_frm_1').serializeArray(); 
 
    // To get serialized array form value 
 

 
    console.log(select, form, formArr); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form action="#" method="post" id="designer_status_frm_1"> 
 
    <select style="font-size: 8pt; height: 20pt" class="form-control" id="status_job_decigner_1" name="status_job"> 
 

 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 

 
    </select> 
 
    <input type="hidden" name="lg_user_id" id="lg_user_id" value="<?php echo $status_row['designer_id']; ?>"> 
 
    <input type="hidden" name="job_id_info" id="job_id_info" value="<?php echo $status_row['job_pro_id']; ?>"> 
 
    <input type="hidden" name="action" id="action" value="add_status"> 
 
</form>