Question

我正在尝试在用户点击提交按钮时提醒值。我给了＆＃34;必要＆＃34;属于两个选择标记，但它不起作用。

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

代码： -

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

您可以使用解决方案https://jsfiddle.net/1mydje82/1/

＆＃13;

$('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); 
});

＆＃13;

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

＆＃13;

我使用了jQuery。最初，提交 button将为disabled。

选择drodown值后，只有提交 button才能启用。

希望这会对你有所帮助。

Answer 2

您不能依赖required的{{1}}属性（因为它仅在表单正常提交时才有效，而且无论如何都不支持Opera。）

你可以像下面这样发生： -

<强> 实施例： -

<select>

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);
   }
}

通过onclick按钮，必需属性不适用于select标记

2 个答案: