如何使用ajax(codeigniter)将所选值提取到编辑中的select2中

eimct9ow  于 2021-09-13  发布在  Java
关注(0)|答案(2)|浏览(302)

我创建了一个表单,其中包含select2控件,数据库中有数据。
现在我想在编辑表单时将特定数据值的值提取到select2控件中。我选择的select值存储在一个变量中,现在我想在编辑表单内的select2控件中显示该值,但我不知道如何。。
这是我的编辑表单代码:

<div id="editm" class="modal fade" tabindex="-1" role="dialog">
 <div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">Update Rayon</h4>
  </div>
  <div class="modal-body">
    <form id="validate1" method="POST">
      <div class="form-group">
       <label class="control-label">Kode Rayon</label>
        <div>
        <input type="text" class="form-control" id="edit_Kode_rayon" name="edit_Kode_rayon" placeholder="Kode Rayon" readonly>
         </div>
        </div>

          <div class="form-group">
            <label class="control-label">Nama Rayon</label>
            <div>
              <input type="text" class="form-control" id="edit_nama_rayon" name="edit_nama_rayon" placeholder="Nama Center" >
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">Nama Region</label>
            <div>
            <!-- HERE IS THE SELECT2 THAT IM TALKING ABOUT.. -->
              <select class="form-control kode_region" id="nRegionE" name="kode_region" style="width: 100%;">
                <option value=""></option>
              </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="update" class="btn btn-primary">Update</button>
    </div>
  </div>
</div>

以下是编辑按钮的jquery代码:

$(document).on("click", "#edit", function(e){
   e.preventDefault();
   var editid = $(this).attr("value");
 $.ajax({
      url: "<?php echo base_url();?>Rayon/editdata",
      type: "POST",
      dataType: "json",
      data:{editid: editid},
      success: function(data){
      if(data.responce == "success"){
         $('#editm').modal('show');
         $("#edit_Kode_rayon").val(data.posts.kode_rayon);
         $("#edit_nama_rayon").val(data.posts.nama_rayon);
         //$("#nRegionE").val(data.posts.kode_region);<-- I TRIED LIKE THIS .. NOT WORK -->
         //$("#nRegionE").select2().select2('val',data.posts.kode_region);<-- I TRIED LIKE THIS . NOT WORK-->
         $('#nRegionE').val(data.posts.kode_region).trigger("change");<-- EVEN THIS ONE IS NOT WORK -->
      }else{
         toastr["error"](data.message);}
      }
      });
      });

为了清楚起见,我拍摄了编辑表单的截图:

我只想将数据的值提取到编辑表单的select2表单控件中。。有人能帮我吗?我会非常感激的。

ki1q1bka

ki1q1bka1#

如果您在data.posts.kode_区域正确获取选项列表,则更新此行将有效

$("#nRegionE").val(data.posts.kode_region);

$("#nRegionE").html(data.posts.kode_region);

别忘了评论这句话

$('#nRegionE').val(data.posts.kode_region).trigger("change");
0qx6xfy6

0qx6xfy62#

我相信这对你会有用的

$("select#nRegionE option").val("hello"); //Change hello string to your record Id
$("select#nRegionE option").html(data.posts.kode_region);

相关问题