Calling an JS function on change with a JS variable as a parameter

Question

Function1 calls showCyclists() by calling, at the end of function1, using a parameter, showCyclists(country.id). This launches the showCylists function.

    function showCyclists(countryID){  //creates a table with athlete of country
        function cyclistOrder() { //checks on change select box and appends to sort
            sql="SELECT name, ISO_id, height, weight, gender FROM `Cyclist`"; //get info from cyclist db

            select = document.getElementById("selectCycle")

            if(select.value == "height"){
                sql += " ORDER BY height ";
            }

            return sql;
        }
//continue with showCyclists()

I need to find a way to execute this function with the same parameter (country id) on change of a select box.

Obviously I can't do <select id="selectCycle" class="select-cycle" onchange="showCyclists()"> because I'd be calling my function with no parameter.

How can I solve this? Thanks in advance

That doesnt work. it calls the function with as a parameter value, when it should be a country ID that is acquired in function1. — Pete
– Pete, Commented Mar 27, 2017 at 18:04
i don't see function1, but if it wraps the other, you can just use closure to reach the parameter... — dandavis
– dandavis, Commented Mar 27, 2017 at 18:06
pass the value or use bind() to set this or an argument from the caller — dandavis
– dandavis, Commented Mar 27, 2017 at 18:11

GavinBrelstaff · Accepted Answer · 2017-03-27 18:32:02Z

1

modify the onchange="showCyclists() to onchange="showCyclists(this) then you have access the parameter you need as this.options[this.selectedIndex].value inside the function. You will need to put the right countryID in the value declaration of each select option.

edited Mar 27, 2017 at 18:32

answered Mar 27, 2017 at 18:07

GavinBrelstaff

3,0903 gold badges24 silver badges44 bronze badges

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

3 Comments

dandavis Over a year ago

missing a .target?

Pete Over a year ago

What is e meant to be?

GavinBrelstaff Over a year ago

e was a typo for this

Collectives™ on Stack Overflow

Calling an JS function on change with a JS variable as a parameter

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related