Select setValue does nothing

Topic: Select setValue does nothing

alex_wearelanded priority asked 6 months ago

Expected behavior

  const singleSelectInstance = mdb.Select.getInstance(document.querySelector('#jobContactEmail'));

  const c_id = $("#jobContactEmail").find("option").filter(function() {
    if($(this).text() === r.r.contact_email){
        return $(this);
    } 
   });

   console.log($(c_id).val());

   const v = $(c_id).val();

   singleSelectInstance.setValue(String(v));

i expect it to change the value of the select to the desired selection.

Actual behavior

it does nothing, the select is imported correctly, the select is on the dom is isnt generated by any js or jq the instance is found so im puzzled to why it is not changing the value on screen, for data protection i. cannot show the screen, all i can say is the value display nor data changes.

after i run singleSelectInstance.setValue('1701'); on the inspect tool nothing happens, no error no visual change to the select, nothing.

Resources (screenshots, code snippets etc.) instanceFound![][1] enter image description here

Add comment

Kamila Pieńkowska staff answered 6 months ago

0 0 Best answer

I've changed your snippet so setValue woud work properly: https://mdbootstrap.com/snippets/standard/kpienkowska/6106945

Using selected attribute to set initial value would break select visually. If you won't to preset value you need to use setValue option.

Add comment

alex_wearelanded priority answered 6 months ago

0 0 Best answer

edit for my reply,

it seems to be an issue if you want to setValue to the first option in a select, it sets the value bit it keeps the previous select selected instead of removing it, it also not changing the label to the selected setValue put only if i set the value to the first option in the select

Add comment

alex_wearelanded priority answered 6 months ago

0 0 Best answer

Please insert min. 20 characters.

https://mdbootstrap.com/snippets/standard/alex_wearelanded/6105163

there the snippet but it not working lol just white, i got it to change value on my playground which uses same setup as the area im having issue,

but another problem now, when i click my button it changes to the selected value, but it has not remove the old selected and this isnt a mutiselect, so when i click the old selected it messes up.

this isnt very ideal in bootstrap 4 this was very simple process, bs5 has really complicated a simple task, cant say i am a big fan of bs5

Add comment

Kamila Pieńkowska staff answered 6 months ago

0 0 Best answer