So then try this script

    $(document).ready(function () {
    $('.mdb-select').materialSelect();

    $(".mdb-select option[selected]").each(function(){
      let val = $(this).val();
      $(this).parents(".mdb-select").prev().find("li").eq(val-1).click();
    }); 
  });

Hello I just found that if you put the select twice, the second selected does not work. So if there is more on the page, only the first works.

You are welcome :D .

It works, I do not know why it did not work yesterday. thank you so much

Here you have the snippet. Check it out:

https://mdbootstrap.com/snippets/jquery/tomekmakowski/915138?view=project#js-tab-view

best

Hello Thanks for your help. I still have the problem with the label that does not move places. I have placed your code in my jquery script. see the picture below

Hi

Try this out

const val = $(".mdb-select option[selected]").val();
$(".mdb-select").prev().find("li").eq(val-1).click();

best, Tomek

Hello Thanks for your help. If we take your example with the label and add selected to option 3, it does not appear at the top of the menu. Against if we remove the label it works. Is this normal?

 <select class="mdb-select md-form colorful-select dropdown-primary">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3" selected>Option 3</option>
  <option value="4">Option 4</option>
  <option value="5">Option 5</option>
</select>
<label class="mdb-main-label">Blue select</label>