tampilan edit pada combobox aplikasi surat

Assalam, awalnya mau buat gitu juga mas tapi setelah dicobakan masih belum berhasil dan
apalagi itu dulu projectnya dikerjakan secara kilat karena udah deadline, insyaallah akan kita cobakan lagi,
jika berhasil akaan kita share di postingan ini.. :)

itu pakai model apa mas, karena sy liat di bagian edit itu gak perlu di sertakan variabel data nya, cukup nama id ny doang ?? mohon penjelasn nya, terima kasih :)

Kita pake Modal dari Bootstrap mas & juga jQuery,..
Berikut Kita buatkan contoh yg lebih sederhananya :
// SCRIPT jQuery :
$(document).on("click", ".open-modal", function () {
           var myId = $(this).data('id');
           var myId1 = $(this).data('id1');
           var myId2 = $(this).data('id2');
           $(".modal-body #eId").val( myId );
           $(".modal-body #eId1").val( myId1 );
           $(".modal-body #eId2").val( myId2 );
      });
 
// SCRIPT HTML
<a class='open-modal' data-id='1' data-toggle='modal' href='#' data-target='#edit'>Edit</a>
<div class="modal fade" id="editpejabat" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" 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">x</span></button>
            <h4 class="modal-title" id="myModalLabel">Edit Pejabat</h4>
          </div>
          <div class="modal-body">
              <form class="form-horizontal" action="" method='POST'>
                <input type="hidden" name='id' id='eId'>
                <div class="form-group">
                  <label class="col-sm-3 control-label">Nip</label>
                  <div class="col-sm-4">
                    <input type="text" class="form-control" name="a" id='eId1' required>
                  </div>
                </div>
 
                <div class="form-group">
                  <label class="col-sm-3 control-label">Nama</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control" name="b" id='eId2' required>
                  </div>
                </div>
 
          </div>
          <div class="modal-footer">
            <button type="submit" name='update' class="btn btn-info btn-sm">Update</button>
          </div>
          </form>
        </div>
      </div>
</div>