document.querySelector处理多个值

时间:2019-10-18 07:40:16

标签: javascript html dom selectors-api

在php中有以下代码,当从下拉列表中选择“ p”时会激活Optom按钮,但是我想添加更多的值,所以当.value ==“ p”或.value ==“ u”时激活Optom,我尝试过添加(document.querySelector(“。motion”)。value ==“ p” || document.querySelector(“。motion”)。value ==“ u”),但无效:

<script>

 function fields_extra(e){

  e.preventDefault();
  return false;
 }

 sell_type();
  // return check_fields();
  function sell_type(){
    var sell_first = '<?php if ($_POST["sell_type"] == 1) echo "selected" ?>';
var sell_second = '<?php if ($_POST["sell_type"] == 2) echo "selected" ?>';
var edding_type_one = 'some codes here';

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 = "";
}
</script>

1 个答案:

答案 0 :(得分:0)

也许你是这个意思?

document.querySelector(".sell_type").addEventListener("change", function() {
  document.querySelector(".type_one").innerHTML = this.value === "1") ? edding_type_one : "";
});

var val = document.querySelector(".motion").value;
document.querySelector(".contantable").innerHTML = ["u", "p"].indexOf(val) === -1 ? "" : "<select class='sell_type' name='sell_type'><option value='1' " + sell_first + ">Optom</option></select><br><br>";