javascript - 比较两个选择元素的值

Question

我一直在尝试寻找一段 javascript 代码，用于比较用户在 html 表单中从两个 <select> 选择的值。标签。因此，如果用户选择的最小值大于最大值，则应显示 javascript 中的警告框。

例如，如果用户从“最小卧室”下拉列表中选择 5 个卧室，然后从“最大卧室”下拉列表中选择 3 个卧室，则在单击提交按钮时不应允许处理表单。但是，当从 MINIMUM 下拉列表中选择 3 并从 MAXIMUM 下拉列表中选择 5 时，就可以了。

<form name="search" action="page3.php" method="GET">
    <select name="minimumBeds">
       <option value="1"> 1 </option>
       <option value="2"> 2 </option>
       <option value="3"> 3 </option>
       <option value="4"> 4 </option>
       <option value="5"> 5 </option>
    </select>


    <select name="maximumBeds">
       <option value="1"> 1 </option>
       <option value="2"> 2 </option>
       <option value="3"> 3 </option>
       <option value="4"> 4 </option>
       <option value="5"> 5 </option>
    </select>
</form>

Answer 1

为了简化它，我们假设那些 <select >有id

if (parseInt(document.getElementById('min').value, 10)  > 
    parseInt(document.getElementById('max').value, 10)) 
{
    alert('ERRROR');
}

LIVE DEMO