必需属性不适用于通过点击按钮选择标签

Question

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

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

代码：-

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">
   

Answer 1

你不能依赖 的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>