我有這個下拉列表，它有兩個選項，藍色和綠色。如果我選擇藍色，每當我點擊文本輸入字段時，它的背景就會在藍色和黑色之間切換，這是文本字段的背景顏色。紅色選項也是如此。但是，我只工作過第一次和第二次的代碼。從第三次開始，即使我選擇紅色，它也會在藍色和另一種顏色之間切換。這是我的 HTML：有誰知道出了什么問題？我在想也許我沒有完全理解 jquery 的更改功能是如何工作的。$('#change_color').on('change', function() {  //get the text value of the option chosen  var colorOption = $("#change_color option:selected").text();  //if option chosen is red then allow change input box to red  if (colorOption === 'Red') {    $('.my-input').click(function(inputBox) {      $(inputBox.target).toggleClass('red');    });  }  //if option is chosen is red then allow change input box to blue  else {    $('.my-input').click(function(inputBox) {      $(inputBox.target).toggleClass('blue');    });  }});.my-input {  background-color: black;  width: 5%;  font-size: 3vw;}.red {  background-color: red;  width: 5%;  font-size: 3vw;}.blue {  background-color: blue;  width: 5%;  font-size: 3vw;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><select id="change_color" class="form-control box-border" placeholder="SPECIAL CHAR">  <option selected disabled>Special Char</option>  <option>Red</option>  <option>Blue</option></select><input type="text" class="my-input"><input type="text" class="my-input"><input type="text" class="my-input">