Question

首先，我已将表单放入for循环中。在这种形式中，还有一个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() 获取表单数据

$('#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>

获取所选选择标记的表单值

2 个答案: