javascript - 必需属性对onclick按钮的select标签无效

我试图在用户单击“提交”按钮时提醒一个值。我给两个选择标签都赋予了“必需”属性，但是它不起作用。

我想在用户提交按钮时提醒一个值。谁能告诉我我哪里出问题了？

代码:-

function openWindow() {
  var OR = document.getElementById("request").value;
  var SZ = document.getElementById("sites").value;
  var ORSZ = OR + SZ;
  alert(ORSZ);
}

<select id="request" class="dropdownbox" required>
    <option value="">Select</option>
    <option value="ip">approve</option>
    <option value="url">reject</option>
  </select>

  <select id="sites" class="dropdownbox" required>
    <option value="">Select</option>
    <option value="cp">Account</option>
    <option value="sm">Demat</option>

  </select>

 <input type="button" onclick="openWindow()" value="Submit">
   

最佳答案

您不能依赖required的<select>属性(因为它仅在正常提交表单时才起作用，而且无论如何在Opera中均不受支持)。

您可以像下面这样实现它:-

示例:-

function openWindow() {
  var OR = document.getElementById("request").value;
  var SZ = document.getElementById("sites").value;
  if(OR =='' || SZ ==''){
  alert('Please select values from both select-box'); return false;
  }else{
    var ORSZ = OR + SZ;
    alert(ORSZ);
   }
}

<form>
  <select id="request" class="dropdownbox">
    <option value="">Select</option>
    <option value="ip">approve</option>
    <option value="url">reject</option>
  </select>

  <select id="sites" class="dropdownbox">
    <option value="">Select</option>
    <option value="cp">Account</option>
    <option value="sm">Demat</option>
  </select>
  <input type="button" onclick="openWindow()" value="Submit">
</form>