Компаратор A && B из выбранного тега и производит C

Question

Как я могу сравнить и «оператор A», и «оператор B», если он выбран в раскрывающемся меню, так что я могу получить результаты «C» в другом месте

Как и в случае let говорит, если A && Bзатем выберите DOM "" для кода C.

, как показано ниже

  <select id="imgList">
    <option value="images/a.png" data-description="a">a</option>
    <option value="images/b.png" data-description="b">b</option>
    <option value="images/c.png" data-description="c">c</option>
    <option value="images/d.png" data-description="d">d</option>
  </select>

  <select id="imgList2">
    <option value="images/a.png" data-description="a">a</option>
    <option value="images/b.png" data-description="b">b</option>
    <option value="images/c.png" data-description="c">c</option>
    <option value="images/d.png" data-description="d">d</option>
  </select>

И

if (document.getElementById('imgList').value == 'images/a.png'&&
    document.getElementById('imgList2').value == 'images/b.png') {
    console.log("you got C");}

Answer 1

Вы можете использовать обработчик событий onchange так:

 <select id="imgList" onchange="compare()">
    <option value="images/a.png" data-description="a">a</option>
    <option value="images/b.png" data-description="b">b</option>
    <option value="images/c.png" data-description="c">c</option>
    <option value="images/d.png" data-description="d">d</option>
  </select>

  <select id="imgList2" onchange="compare()">
    <option value="images/a.png" data-description="a">a</option>
    <option value="images/b.png" data-description="b">b</option>
    <option value="images/c.png" data-description="c">c</option>
    <option value="images/d.png" data-description="d">d</option>
  </select>

function compare()
{
    if (document.getElementById('imgList').value == 'images/a.png'&& document.getElementById('imgList2').value == 'images/b.png') {
        console.log("you got C");
    }
}

Документация здесь: https://www.w3schools.com/jsref/event_onchange.asp