Javascript 如何在MVC项目中为下拉列表添加错误消息？

我使用ajax从JSON中获取下拉列表中的项目列表，因为我有级联下拉列表。现在，如果没有为Pravec选择任何选项，我需要添加错误消息：

下拉代码：

@Html.DropDownList("Pravec", new   SelectList(string.Empty, "Value", "Text"), "Изберете Релација",  new { @class = "form-control", required = "required" })

和ajax代码：

 $(function () {
        $.ajax({
            type: "GET",
            url: "/relacii/getPravecList",
            datatype: "Json",
            success: function (data) {
                $.each(data, function (index, value) {
                    $('#Pravec').append('<option value="' + value.r1ID + '">' + value.relIme + '</option>');
                });

            }
        });

         $('#Pravec').change(function () {

             $('#DatumRID').empty();

             service_id = $('select[name=\'Pravec\']').val();

            $.ajax({
                type: "POST",
                url: "/relacii/getRelaciiList1?rID=" + service_id,
                datatype: "Json",
                data: { relacijaID: $('#Pravec').val() },
                success: function (data) {
                    $.each(data, function (index, value) {
                         $('#DatumRID').append('<option value="' + value.relID + '">' + value.DatumForDisplay + '</option>');
                    });
                }
            });
        });
    });

---

您需要添加一个默认选项，如

 $('#Pravec').append('<option value="-1">'--------Please Select One-------'</option>');

在追加来自ajaxcall的结果之前。然后可以在第一个dropdowni.e Pravec的change事件中检查该值

整个代码可能像下面这样

     $(function () {
            $.ajax({
                type: "GET",
                url: "/relacii/getPravecList",
                datatype: "Json",
                success: function (data) {
                $('#Pravec').append('<option value="-1">'--------Please Select One-------'</option>');
                    $.each(data, function (index, value) {
                        $('#Pravec').append('<option value="' + value.r1ID + '">' + value.relIme + '</option>');
                    });

                }
            });

             $('#Pravec').change(function () {

                 $('#DatumRID').empty();

                 service_id = $('select[name=\'Pravec\']').val();
                  if (service_id=="-1") {
                       alert("please select");
                  }
            else {
                  $.ajax({
                    type: "POST",
                    url: "/relacii/getRelaciiList1?rID=" + service_id,
                    datatype: "Json",
                    data: { relacijaID: $('#Pravec').val() },
                    success: function (data) {
                        $.each(data, function (index, value) {
                             $('#DatumRID').append('<option value="' + value.relID + '">' + value.DatumForDisplay + '</option>');
                        });
                    }
                });
               }
            });
        });

---

我做了，但没有再次工作，没有显示错误消息：在线服务\u id=$选择[name=\'Pravec\']'.val；如果您得到-1，那么它应该显示消息。您可以尝试service_id=$this.val；