Ajax ส่งข้อมูลไป Modal แล้วเป็นแบบ Drop Down List ให้มัน Selected ทำไงครับ

<!-- Large modal -->
<div id="listModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<form method="post" id="user_form" enctype="multipart/form-data">
				<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title">Add User</h4> </div>
					<div class="modal-body">
						<div class="form-row">
							<div class="col-md-12 mb-3">
								<label>ประเภท :</label>
								<select name="type_data" id="type_data" class="form-control form-control-lg select2">
									<?php 
									$cats = $conn->prepare("
									SELECT * FROM lists 
									ORDER BY id DESC ");
									$cats->execute();
									$cat_data = $cats->fetchAll();
									foreach ($cat_data as $cat){
									?>
										<option value="<?php echo $cat['id'];?>">
										<?php echo $cat['name'];?>
										</option>
									<?php }?>
								</select>
							</div>
							<div class="container box"> </div>
						</div>
						<div class="modal-footer">
							<input type="hidden" name="user_id" id="user_id" />
							<input type="hidden" name="operation" id="operation" />
							<input type="submit" name="action" id="action" class="btn btn-success" value="Add" />
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						</div>
					</div>
			
		</div>
		</form>
			</div>
	</div>
</div>

   $(document).on('click', '.update', function () {
					var list_id = $(this).attr("id");
					$.ajax({
						url: "fetch_one.php"
						, method: "POST"
						, data: {
							list_id: list_id
						}
						, dataType: "json"
						, success: function (data) {
              
							$('#listModal').modal('show');
							$('#type_data').val(data.type_data);
	
						}
					})
		});