Cara input data dari tabel lain dalam bentuk pencarian/search bukan dropdown

seperti biasanya jika ingin menambahkan sebuah data, banyak menggunakan dropdown, yang jadi masalah jika data banyak sekali contoh: data anggota perpus dan data buku. kasus saya saya ingin menambahkan data peminjaman buku disitu ada form input anggota tapi saya ingin rubah dengan cara search data tabel anggota yang akan muncul di modal .

Controller:
// CRUD TAMBAH
	public function tambah()
	{
		$session = $this->session->userdata('id');
		$data = array(
			'title' => '',
			'subtitle' => 'Tambah Peminjaman',
			'user' => $this->db->get_where('tb_user', ['id_user' => $session])->row_array(),
			'pinjam' => $this->m_data->get_data('tb_pinjam')->result(),
			'kodePinjam' => $this->m_kodematis->kodePinjam(),
			'anggota' => $this->m_data->get_data('tb_anggota')->result(),
			'konten'	  =>'peminjaman/v_add',
			'menu'  =>'menu/sidebar'
		);
		$this->load->view('layout/v_wrapper', $data);	
	}


View: tambah peminjaman buku
<div class="content-page">
	<div class="content">

		<!-- Start container-fluid -->
		<div class="container-fluid">
			<div class="row">
				<div class="col-12">
					<div>
						<h4 class="header-title mb-3">Welcome !</h4>
					</div>
				</div>
			</div>
			<!-- end row -->

			<!-- form start -->
			<form method="post" action="<?php echo base_url('peminjaman/aksi') ?>" enctype="multipart/form-data">

				<!-- Main content -->
				<section class="content">
					<div class="container-fluid">
						<div class="row">
							<div class="col-md-6">
								<div class="card card-primary">					
									<div class="card-header">
										<h3 class="card-title">Form Peminjaman</h3>
									</div>

									<div class="card-body">
										<div class="row">
											<div class="col-sm-12">
												<div class="form-group">
													<label for="nama">No. Peminjaman *</label>
													<input type="text" name="no_pinjam" id="no_pinjam" class="form-control" value="<?php echo $kodePinjam; ?>" readonly="">
												</div>
	[](https://link.com)
												<!-- ini biasanya saya pakai cara ini -->
												<div class="form-group">
													<label for="nama">Anggota</label>
													<select class="form-control" name="id_anggota">
														<option value="">- Pilih Anggota</option>
														<?php foreach($anggota as $row){ ?>
															<option <?php if(set_value('anggota') == $row->id_anggota){echo "selected='selected'";} ?> value="<?php echo $row->nama ?>"><?php echo $row->nama; ?></option>
														<?php } ?>
													</select>
												</div>

												<!-- ini kasus pertanyaan saya -->
												<div class="form-group">
													<label for="nama">Anggota</label>
													<div class="input-group">
														<span class="input-group-prepend">
															<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-target="#myModal"><i class="fa fa-search"></i></button>
														</span>
														<input type="text" id="search-box" autocomplete="off" name="id_anggota" class="form-control" placeholder="Search">
													</div>
												</div>
												
												
											</div>                
										</div>
									</div>

								</div><!-- end card-primary -->
							</div><!--end col-md-6-->