Value change of select does not affect visuals

[ghost]

Problem

Changing selected value of a <select> with Javascript does not change the visual selection.

I am using Javascript to change a selected value of a <select>, getting the select element by id and setting it's value to a different option value.
This works just fine, but the visual selection in the select input-field does not change. Clicking afterwards on it, shows the new selected value and will then display it correctly in the input-field.

Is it possible to change the visual selection, if the selected value changes programmatically? For my usecase, I need to show the change of the selection immediately.

Reconstruction:

CodePen

[jshster]

Simply call the formSelect() method again after setting the value programmatically. That should do the trick.

…

Sent from my iPhone

On 24 Mar 2021, at 7:56 pm, Witzler ***@***.***> wrote:  Problem Changing selected value of a <select> with Javascript does not change the visual selection. I am using Javascript to change a selected value of a <select>, getting the select element by id and setting it's value to a different option value. This works just fine, but the visual selection in the select input-field does not change. Clicking afterwards on it, shows the new selected value and will then display it correctly in the input-field. Is it possible to change the visual selection, if the selected value changes programmatically? For my usecase, I need to show the change of the selection immediately. Reconstruction: CodePen — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[ghost]

Simply call the formSelect() method again after setting the value programmatically. That should do the trick.

Thanks! This did the trick. I just found out that the "onchange" event does not fire and this seems to be the problem of javascript.