How to trigger dropdownlist onchange when setting selected from DataController

Question

I have an MVC View (https://mydomain/Data/MyChart) that contains a dropdownlist where the onchange event triggers an ajax call to get data to populate a chart. This is working perfectly.

I now want to add the functionality whereby I could call this view and pass the item to select via a querystring parameter. https://mydomain/Data/MyChart?station=ChartA

When doing this, I can retrieve the querystring value, and successfully set the item selected in the dropdownlist, however the onchange event does not triggered so the chart is not generated.

What am I missing?

.NET Fiddle to demo selecting dropdown and getting value in change event https://dotnetfiddle.net/uZi8LU

.NET Fiddle demonstrating setting a value (querystring) to set the selected item and onchange NOT triggered: https://dotnetfiddle.net/kCJMC4

Khyron · Accepted Answer · 2019-01-31 22:55:45Z

0

Your new functionality pre-loads the page with a selected value, so the element it is not changed after the document is ready (for the pre-loaded value). The new functionality requires a once-off ajax call immediately once the document is ready:

    <script type="text/javascript">
        $(document).ready(function () {
            alert($("#StationGroup option:selected").text());

            //  StationId Dropdown change function
            $("#StationGroup").change(function () {
                alert($("#StationGroup option:selected").text());
            });         
        });
    </script>

answered Jan 31, 2019 at 22:55

Khyron

4684 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to trigger dropdownlist onchange when setting selected from DataController

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related