сравнивая html-значения в html и jquery

Question

Мне нужна помощь. Я хочу сравнить, если значения HTML равны

Я хочу сравнить выбранные значения HTML. как я хочу увидеть, как сравнить значения HTML

как я хочу видеть, равны ли выбранные значения

if ($("form select[name='cars']").val() == ("form select[name='colour']").val()) {
       #do things
        }

<form method="post">

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<select name="colour">
  <option value="black">black</option>
  <option value="yellow">yellow</option>
  <option value="red">red</option>
  <option value="white">white</option>
</select>

</form>

Answer 1

JavaScript:

var cars = document.getElementsByName("cars")[0];

var colour = document.getElementsByName("colour")[0];

if(cars.options[cars.selectedIndex].value==colour.options[colour.selectedIndex].value)

{
//DO Something

}

Answer 2

Перед сравнением необходимо убедиться, что значение проп в теге выбора одинаково в двух блоках выбора. Вот пример кода. надеюсь, это поможет

$("button").on("click", function() {
  if ($("select[name='cars']").val() == $("select[name='colour']").val()) {
    alert("values are equal");
  } else {
    alert("values are not equal");
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<select name="colour">
  <option value="volvo">black</option>
  <option value="saab">yellow</option>
  <option value="mercedes">red</option>
  <option value="audi">white</option>
</select>
<button>Check</button>