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

Question

我试图在用户单击提交按钮时提醒值。 我给两个select标签都提供了“required”属性，但它不起作用。

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

码：-

 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 。 最初，您的提交 button将被disabled 。

选择带有值的drodown ，将仅启用“ 提交” button 。

希望这会帮助你。

Answer 2

您不能依赖<select> required属性（因为它仅在表单正常提交时才起作用，并且无论如何都不支持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>