Question

我有一个文本字段和一个下拉列表。在文本字段中，如果有人输入浮动数字的整数但在下拉列表中只有两个值4和5.我如何检查文本字段值是否大于cropdown然后警告框显示？如果输入的数字小于10，则其工作但如果数字大于或等于10，则其不起作用。

    $("#total_CGPA").blur(function(){  
        if($("#obt_CGPA").val() > $("#total_CGPA").val()) 
        { 
            alert("Obtained CGPA cannot greater than total CGPA");
            $("#obt_CGPA").val('');
            $("#obt_CGPA").focus();
            return false;
        }else{
            return true;    
        }
    }); 

<input name="obt_CGPA" type="text" id="obt_CGPA" maxlength="4"  placeholder="CGPA"/>

<select name="total_CGPA" id="total_CGPA" >
       <option value="">Select</option>
       <option value="4" >4</option>
       <option value="5" >5</option>
</select>

演示

http://jsfiddle.net/yWN4e/1/

Answer 1

首先需要在if条件中使用parseInt将值转换为整数：

  if( parseInt($("#obt_CGPA").val()) > parseInt($("#total_CGPA").val()) )

<强> JSFiddle DEMO

如何检查一个值比jquery中的其他值更大？如果是，则显示警告框

1 个答案: