tip提示框在bootstrap下拉框中不能定位

jquery tip提示框可以给必选项给出必要的提示信息和定位。
例如：input框或者时间框
jsp代码

<input type="text" name="RES_NAME" id="RES_NAME" value="${pd.RES_NAME }" />

js代码

if($("#RES_NAME").val()==""){
    $("#RES_NAME").tips({
        side:3,//提示框的大小
        msg:'请选择水库名称',//提示信息
        bg:'#AE81FF',//背景色
        time:2//提示信息显示时间单位（s）
       });
    $("#RES_NAME").focus();
    return false;
}

效果图

但是对于bootstrap的下拉框这样写只能给出提示信息，但是不能定位到具体的下拉框
例如

<td id="BAS" style="width: 32%;">
    <select class="chosen-select form-control"name="PRO_BAS" id="PRO_BAS" data-placeholder="请选择" style="width:98%;Height:30px" >
        <option value="">请选择</option>
        <c:forEach items="${BasList}" var="vo">
        <option value="${vo.BAS_CODE }">${vo.BAS_NAME }</option>
        </c:forEach>
    </select>
</td>   

js代码

if($("#PRO_BAS").val()==""){
    $("#PRO_BAS").tips({
        side:3,
           msg:'请选择流域',
           bg:'#AE81FF',
           time:2
       });
    $("#BAS").focus();
    return false;
}

因为bootstrap 对于下拉框进行了封装，tip提示信息虽能够显示出来，但是不能定位到具体的下拉框。所以此时可以采用将tip提示框添加到下拉框的直接父级div或td标签中。如：

if($("#PRO_BAS").val()==""){
    $("#BAS").tips({//BAS就是下拉框的直接父级div的id属性名称
        side:3,
           msg:'请选择流域',
           bg:'#AE81FF',
           time:2
       });
    $("#BAS").focus();
    return false;
}

效果图

这样tip提示框就可以定位到下拉框了