Change the background colour of Dropdown list depending on values using jQuery [duplicate]

Answer 1

Try this:

$(document).ready(function() {
  $(".colorchg").each(function() {
    $(this).css("background", $(this).val());
  });
  $(".colorchg").change(function() {
    $(this).css("background", $(this).val());
  });
});

37.sample 1 

  
  YES
  NO
  N/A


38. sample 2

  
  YES
  NO
  N/A


39. sample 3

  
  YES
  NO
  N/A

By using classes, jQuery will find more than one element to use. ID's need to be unique, so it assumes it's only one element.

Instead of searching for the value again in the functions, you should use this, otherwise the backgrounds will change to whatever the first option is set to.