How to set a selected option using ajax in Laravel 5.6?

Posted on May 4, 2021 | by Chandan Kumar

Post Views: 445

Hey friends, I am trying to show database column data in my edit form of a Laravel project. yesterday I failed to show data from database in a select list using ajax. so let’s see the below blade file and ajax also to get your solution.

edit.blade.php

&lt;div class="form-group">
  &lt;label for="Blood_Group">Blood Group&lt;/label>
	&lt;select class="form-control" id="bgroup" name="bgroup">
	  &lt;option value="" disabled selected>Select BG&lt;/option>
	  &lt;option value="O+">O+&lt;/option>
	  &lt;option value="O-">O-&lt;/option>
	  &lt;option value="A+">A+&lt;/option>
	  &lt;option value="A-">A-&lt;/option>
	  &lt;option value="B+">B+&lt;/option>
	  &lt;option value="B-">B-&lt;/option>
	  &lt;option value="AB+">AB+&lt;/option>
	  &lt;option value="AB+">AB-&lt;/option>
	&lt;/select>
&lt;/div>

profile.js

$.ajax({
	type: "GET",
	url: 'addprofile',
	data: null,
	success: function(response) {
          let data = response.data;
          $("#bgroup").append('&lt;option value=' + data[0].bgroup+ '>' + data[0].bgroup+ 
           '&lt;/option>');

        }
});

Error : updated data from database is not showing in selected list when i am trying to update it again.

Solution :

$("#bgroup").val(data[0].bgroup).attr('selected','selected');

You can also use below code:

$('#bgroup option[value="' + data[0].bgroup+ '"]').prop('selected', true);

Above solution is working for me. so if you have more solution on select option then please feel free to comment and share your knowledge.

Resources :

Author
Recent Posts

Chandan Kumar

Software Engineer at Cotocus PVT LTD.

Be a Full Stack Developer and eager to learn new Technology.
Knowledge: CSS, Bootstrap, Javascript, PHP, WordPress, Joomla, Moodle, Laravel, AJAX, Jquery, Java, Dart, Flutter, Photoshop, CorelDraw, Pagemaker
& Office Package

MOTOSHARE 🚗🏍️

How to set a selected option using ajax in Laravel 5.6?

edit.blade.php

profile.js

Solution :