故障排除 JavaScript onchange

Question

当我同时使用这些脚本（内联和外部）时，只有第二个有效，第一个无效。

第一个（内联脚本）提交表单并加载列表：

<select id="my-select" name="show_user_todo" onchange="document.form_buttons.submit()">

第二个根据选择的选项设置select的颜色：

<script type="text/javascript">
  var mySelect = document.getElementById('my-select');

  var setBgColor = function (select) {
    select.style.color = select.options[select.selectedIndex].style.color;
  };

  mySelect.onchange = function () {
    setBgColor(this);
  };
</script>

Answer 1

你可以这样做

<select id="my-select" name="show_user_todo">

<script type="text/javascript">
    var mySelect = document.getElementById('my-select');

    var setBgColor = function (select) {
      select.style.color = select.options[select.selectedIndex].style.color;
    };

    mySelect.onchange = function () {
      setBgColor(this);
      document.form_buttons.submit();
    };
</script>

故障排除 JavaScript onchange

Troubleshoot JavaScript onchange

javascript

inline

dom-events