Question

Function1通过在function1的末尾使用参数showCyclists（country.id）调用showCyclists（）。这将启动showCylists函数。

    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()

我需要找到一种方法来在更改选择框时使用相同的参数（国家/地区ID）执行此功能。

显然我不能做<select id="selectCycle" class="select-cycle" onchange="showCyclists()">，因为我会在没有参数的情况下调用我的函数。

我该如何解决这个问题？提前致谢

Answer 1

将onchange="showCyclists(this)修改为this.options[this.selectedIndex].value，然后您可以在函数内访问{{1}}所需的参数。您需要将正确的countryID放在每个选择选项的值声明中。

使用JS变量作为参数调用JS函数进行更改

1 个答案: