複数のセレクトオプションに同じonchange関数を一括でつけたい。

実現したいこと

下記のソースコードに示すように、複数の各selectの背景の色を各valueの値に応じて変えたいです。
この例ではselectの数が少ないのでそれぞれにonchange関数を記述していますが、selectの数が多いとわざわざ記述するのが面倒です。
もう既に多くのselectを作っているのですが、一括でonchange関数を組み込むことはできないでしょうか?それとも地道に各selectに組み込むしかないのでしょうか?

該当のソースコード

HTML

<select onchange="changeColor(this)"> <option value="0">0</option> <option value="1">1</option> </select> <select onchange="changeColor(this)"> <option value="0">0</option> <option value="1">1</option> </select> <script> var changeColor = function (el) { if (el.value == "0") el.style.backgroundColor = "white"; else el.style.backgroundColor = "orange"; </script>

コメントを投稿

0 コメント