jquery - 如何要求用户的下拉值不是 "Please Select"？

Question

提交此 JSP 时，应要求用户选择除“请选择”之外的其他内容。如果用户选择“请选择”并提交表单，它应该通过弹出窗口提醒用户应该更改该字段。

<td class="normalTD" nowrap class="alignLeft" width="16%">
<form:select class="requiredAttr" path="detail[${loop.index}].cd" cssClass="fotnStyle" id="cd" >
<form:option value="">Please Select</form:option>
    <c:forEach var="list" items="${override.list}">
        <c:choose>
        <c:when test="${override.listne null}">
            <c:choose>
            <c:when test="${list.listCd eq detail.cd}">
                <c:set var="selectStatus" value="SELECTED" />
            </c:when>
            <c:otherwise>
                <c:set var="selectStatus" value="" />
            </c:otherwise>
            </c:choose>
        </c:when>
        </c:choose>
        <option value="${list.listCd}" ${selectStatus}>
        <c:out value="${list.desc}" />
        </option>
    </c:forEach>
</form:select>
</td>

我使用了以下 jQuery 代码片段，它可以很好地提醒用户文本框未填充，但不会影响下拉菜单。

function validate(){
    $(".requiredAttr").each(function(){
    if($(this).val().length < 1 || $(this).val() == ""){
        alert("Please fill in all the required fields.");
        $(this).focus();
        return false;

    }else{
        return true;
    }
    });
    return false;
}

这是生成的 HTML。

<td class="normalTD" nowrap class="alignLeft" width="16%">
<select id="cd" name="detail[0].cd" class="fotnStyle" class="requiredAttr">
    <option value="">Please Select</option>         
    <option value="1" >A</option>
    <option value="2" >B</option>                                               
    <option value="3" >C</option>                                                   
    <option value="4" >D</option>                                               
</select>
</td>

Answer 1

简单地获取下拉列表的选定索引，如果为零则没有选择任何值

if($("#cd").prop('selectedIndex') === 0) {
    alert(...);
}

或者

if($("#cd")[0].selectedIndex === 0) {
    alert(...);
}

相关帖子:

• How to get the Index of select->option tag
• get index of selected option with jQuery

<小时/>

或者

可以获取所选选项的值，如果为空则提醒选择值。

if($("#cd").val() === "") {
    alert(...);
}

相关帖子:

• How do I get the text value of a selected option?