javascript - iTop，在哪里实现onchange javascript？

iTop fourms处于非活动状态，并且非常卡住，所以我想在这里问是否可以。我正在尝试添加自己的JavaScript，以在iTop组织选择栏的更改上工作。

如果需要，这是指向iTop的链接：http://www.combodo.com/spip.php?page=rubrique&id_rubrique=8

有关我的iTop论坛问题的更多信息，尚无答案：https://sourceforge.net/p/itop/discussion/922360/thread/dd1da92f/

因此，iTop是一款使用php，html，js和css制作的软件，但是我是php的新手，所以我遇到了一些问题。我正在尝试实现一段JavaScript，它将根据组织将CSS的顶部栏更改为其他颜色，我制作了一个独立于iTop的小型原型，并且它运行完美。但是，由于主要的用户界面是使用php动态生成的，因此我无法与javascript一起添加onchange（）方法。我尝试了多种实现javascript的方法，但均无效果。以下是iTop的一些图片和提供帮助的代码：

这是一张显示iTop的inspect元素的图片，以及我如何相信jquery-1.7.1.min.js可能是放置代码的正确位置。



因此，我尝试进入此文件并复制并粘贴到我的Java脚本代码中，但是在某些位置它没有影响，并且在function（a）{....}中，它导致iTop仅显示空白页，我可能是解决这个完全错误的问题，但是从我所看到的来看，这个文件似乎是我要编辑以获取所需文件的文件。

这是我要实现的JavaScript：

var changeStyle = function(){

    //HTML
    var selectedValue = document.getElementById("org_id").value;

    //CSS
    var trimColor = document.querySelector("#top-bar");

    //BT
    if(selectedValue=="3"){
        //change banner colour
        trimColor.style.backgroundColor= "#3498db";
    }

    //Bell Aliant
    else if(selectedValue=="27"){
        //change banner colour
        trimColor.style.backgroundColor= "#f1c40f";
    }

    //Bell Canada
     else if(selectedValue=="26"){
         trimColor.style.backgroundColor= "#e74c3c";
    }

    else
        trimColor.style.backgroundColor="#ecf0f1";
}

以下是在非iTop版本的HTML，JS和CSS中可以正常运行的图片：

最佳答案

尽管我不认为这是最好的解决方案，但我已将以下代码输入到jquery-1.1.1.min.js中，如下所示



我已经达到了预期的结果，现在随着组织的变化而进行调整，但这并不是我一直在寻找的完美解决方案，并且有点慢，但至少在我看来，这不会使您感到烦恼。任务已完成！