jquery - 使用 jQuery 在 HTML 中显示错误消息

Question

我正在尝试使用 jQuery 显示错误消息。出现错误时不显示。我从另一个问题中获取了这个并进行了修改。

jQuery(包含在触发的 if 异常测试中)是:

$("#projectIDSelect").html("Please select a Project ID").addClass("error-msg"); // chained methods

html 是:

<p>
    <label for="projectIDSelect">Project ID<span class="required">*</span></label>

    <!--Place to load the Project Names into for selection -->
    <select class="col-lg-3 col-md-3 col-sm-4 col-xs-6"  style="height:30px; color:black;" id="projectIDSelect" name="projectIDSelect" required>
        <option value="" disabled selected>Select a Project</option>
    </select>
</p>

此外，运行后下拉列表不再包含选项(这些选项已动态加载)。

Answer 1

#projectIDSelect 是一个组合框或下拉框。并且在 jquery 中，当您使用 .html 更新内容时，它不会显示错误，因为不可能在下拉框中显示 html 内容。

您需要添加单独的标识符来显示消息。

您的代码可能是:

<p>
    <label for="projectIDSelect">Project ID<span class="required">*</span></label>

    <!--Place to load the Project Names into for selection -->
    <select class="col-lg-3 col-md-3 col-sm-4 col-xs-6"  style="height:30px; color:black;" id="projectIDSelect" name="projectIDSelect" required>
        <option value="" disabled selected>Select a Project</option>
    </select>
    <p id="projectIDSelectError"></p>
</p>

你的 jquery 可能是:

$("#projectIDSelectError").html("Please select a Project ID").addClass("error-msg"); // chained methods