javascript - JS : Onchange event activated at startup

Question

我有一个像这样的选择框:

<select id="param2" name="param2" onchange="reload();">
<option value="sth">sth</option>
<option value="sth2">sth2</option>
</select>

当我加载文件时，“onchange”事件在启动时激活 - 但我希望仅当我的选择框项目发生更改时才激活该事件。我该怎么做，或者我做错了什么......？如果有帮助的话，“重新加载”功能位于文件顶部。提前致谢。

编辑:我使用 Firefox 版本 45 和 JQuery 1.7。这是 JS 代码，目前仅显示值:

<script>
function reload() {
    var v1 = document.getElementById('param1').value;var v2 = document.getElementById('param2').value;
    alert(v1 + " "+ v2);}
</script>

EDIT2:我发现了一些东西。不知何故，与以下代码存在冲突。首先，我会尝试自己解决这个问题。

<script>
  $(function () {
    $('select#param1').listbox();
    $('select#param2').listbox();
  });
</script>

Answer 1

将以下代码放在 <script></script> 之间标签

$( document ).ready(function() {

    $('#param2').on('change', function(){
        reload();
        }); 
});

同时更改您的 html 以删除其中的 onchange 表单

<select id="param2" name="param2">
<option value="sth">sth</option>
<option value="sth2">sth2</option>
</select>