serverParams passes not the live values

[LaySoft]

When I specify the value of an input element in the serverParams setting, it always passes the initial value, even if the input value changes in the meantime.

serverParams: {
	orszagid: document.getElementById('country_select').value
}

Am I doing something wrong?

[lekoala]

you are doing nothing wrong, it's just that params are resolved when you set them

you can either do

• use onBeforeFetch to adjust to whatever you need
• use "related" to specify the id of the related field (in your case: country_select) and it will pick the value dynamically

[LaySoft]

Thank you, the BeforeFetch method works like this:

onBeforeFetch: (inst) => {
    inst._config.serverParams = {
        orszagid: document.getElementById('country_select').value
    }
}

But I don't understand how the "related" version works. If I set this:

serverParams: {
    related: 'country_select'
}

it does the same thing as in the demo ( https://codepen.io/lekoalabe/pen/MWXydNQ ):

data-server-params='{"related":"related_field"}'

the strings 'country_select' and 'related_field' are passed in the GET parameter named 'related', instead of the current values of the input elements.

[lekoala]

that's because i added a check for input tags in order to get rid of a ts error, but that means it is not working anymore for selects and textareas

i've reversed the change in https://github.com/lekoala/bootstrap5-autocomplete/releases/tag/1.1.41 in should work fine now :)