javascript - 必需属性不适用于通过 onclick 按钮选择的标记

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

给您一个解决方案 https://jsfiddle.net/1mydje82/1/

$('select').on('change', function(){
  var required = false;
  $('select').each(function(){
    if($(this).val() === '')
      required = true;
  });

  $('input[value="Submit"]').attr('disabled', required);
});

$('input[value="Submit"]').click(function(){
  var OR = $("#request").val();
  var SZ = $("#sites").val();
  var ORSZ = OR + SZ;
  alert(ORSZ); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <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">
    <option value="">Select</option>
    <option value="cp">Account</option>
    <option value="sm">Demat</option>
    
  </select>

 <input type="button" value="Submit">
</form>

我用过 jQuery。最初，您的提交 按钮 将被禁用。

一旦您选择了带有值的下拉列表，那么只有提交 按钮将被启用。

希望对您有所帮助。