Datalist

resources/views/app/patient/primary-coverage-form.blade.php

@@ -133,7 +133,8 @@
 					</div>
 					<div class="form-group col-md-6">
 						<label for="" class="control-label">Medicaid State</label>
-						<select name="mcdPayerUid" id="" class="form-control input-sm">
+						<input class="form-control input-sm" list="mcdPayer" name="mcdPayerUid" id="mcdPayerUid">
+						<datalist id="mcdPayer">
 							<option value="">--</option>
 							<option>MEDICAID ALABAMA</option>
 							<option>MEDICAID ALASKA</option>
@@ -191,7 +192,7 @@
 							<option>MEDICAID WEST VIRGINIA</option>
 							<option>MEDICAID WISCONSIN</option>
 							<option>MEDICAID WYOMING</option>
-						</select>
+						</datalist>
 					</div>
 
 					<div class="form-group col-md-6">
@@ -250,30 +251,33 @@
 						onCommercialPayerChange: function() {
 							var input = $('input[name=commercialPayerUidSuggest]');
 							var hiddenInput = $('input[name=commercialPayerUid]');
-								input
+							input
 								.off('stag-suggest-selected')
 								.on('stag-suggest-selected', (e, input, _data) => {
 									hiddenInput.val(_data.uid);
 								});
 
 						},
-						submitForm: function(evt){
+						submitForm: function(evt) {
 							var self = this;
 							var form = evt.target;
 							var data = $(form).serializeArray();
 							var url = $(form).attr('url');
-							if(!url){
-								self.response = {success: false, message: 'Invalid url'};
+							if (!url) {
+								self.response = {
+									success: false,
+									message: 'Invalid url'
+								};
 								return;
 							}
 
 							self.processing = true;
-							$.post(url, data, function(response){
+							$.post(url, data, function(response) {
 								self.processing = false;
-								if(response.success){
+								if (response.success) {
 									closeStagPopup();
-                        			fastReload();
-								}else{
+									fastReload();
+								} else {
 									self.response = response;
 								}
 							}, 'json');