Topic: How to programmatically set a value SELECT

Supplier Management pro asked 5 years ago

how to select the option value "H" without using the method $('.select-dropdown li:contains("H")')?PleaseBecause I have a lot of list to select with options that start with an H.

<form class="form-inline"><select class="mdb-select colorful-select dropdown-primary" id="selectGender"><option value="" disabled selected>Sexe</option><option value="H">Homme</option><option value="F">Femme</option></select></form>

Mikołaj Smoleński staff answered 5 years ago

I suggest to try this:
$('#InitialManager').change(function () { 
  var values = $(this).val();

Mikołaj Smoleński staff commented 5 years ago

If You want to select options programmatically You just need to create an array with option values and put it inside val(...)

Mikołaj Smoleński staff commented 5 years ago

For example: optionValues = ['2', '3']; $('#InitialManager').val(optionValues); var values = $('#InitialManager').val(); console.log(values);

Hello Mikolaj, Thank you for this solution! Thank you also for your support.

Thank you for your reply. the problem was that it needed to reset the Material_select .$ ( '. Mdb-select') material_select ('destroy'); $ ( "[Id = selectGender]") val ("H").trigger( 'click'); $ ( '.mdb-select.') Material_select (). I have another question, how to select multiple options in a select? I tried this, but it does not work. for (i = 0; i < data.InitialManager.length; i++) { $("[id=SelectHospital]").val(data.InitialManager[i].Id).trigger('click'); };   <form class="form-inline"> <select class="mdb-select colorful-select dropdown-primary" id="InitialManager" multiple > <option value="" disabled selected> Gestionnaire</option> <option value="1">option 1</option> <option value="2">option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> } </select> </form>

Mikołaj Smoleński staff answered 5 years ago

My another idea is to fix it like this: $('[id=selectGender ]').val( "H" ); Regards

Hello Mikolaj, thanks for the response. I already tried this--> $('#selectGender li:contains("H")').trigger('click'); But no change. Is there not another possibility to select the option?   <form class=”form-inline”> <select class=”mdb-select colorful-select dropdown-primary” id=”selectGender”> <option value=”” disabled selected>Sexe</option> <option value=”H”>Homme</option> <option value=”F”>Femme</option> </select> </form>  

Mikołaj Smoleński staff answered 5 years ago

Hi, Try to fix it like this: $('#selectGender li:contains("H")') By using id instead of class You apply function to exactly one select Regards

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No