document.querySelector with multiple values

Question

I have following codes in php which activates Optom button when select "p" from drop down but I would like to add more value so activate Optom when .value == "p" or .value == "u", I tried to add (document.querySelector(".motion").value == "p" || document.querySelector(".motion").value == "u") but it doesn't work:

if (document.querySelector(".motion").value == "p"){
  document.querySelector(".contantable").innerHTML = "<select class='sell_type' name='sell_type'><option value='1' " + sell_first + ">Optom</option></select><br><br>";
        if (document.querySelector(".sell_type").value == "1"){
          document.querySelector(".type_one").innerHTML = edding_type_one;
        }
        document.querySelector(".sell_type").addEventListener("change", function(){
           if (document.querySelector(".sell_type").value == "1"){
            document.querySelector(".type_one").innerHTML = edding_type_one;
          } else{
            document.querySelector(".type_one").innerHTML = "";
          }
        });
    } if (document.querySelector(".motion").value != "p"){
          document.querySelector(".contantable").innerHTML = "";
    }
 }

Thanks, S