jquery函数未执行。我错过了什么

Question

@model CETAPPSUGG.Models.CustomAppViewModel

@{
    ViewBag.Title = "UPLOAD YOUR APPLICATION";
}

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function()
    {
        var locationFile;

        $('#txtUploadFile').on('change', function (e) {
            alert('tta"');
            var files = e.target.files;
            //var myID = 3; //uncomment this to make sure the ajax URL works
            if (files.length > 0) {
                if (window.FormData !== undefined) {
                    var data = new FormData();
                    for (var x = 0; x < files.length; x++) {
                        data.append("file" + x, files[x]);
                        alert('tta"');

                    }

                    $.ajax({
                        type: "POST",
                        url: '/Apps/UploadHomeReport',
                        contentType: false,
                        processData: false,
                        data: data,
                        success: function (result) {
                            locationFile = result;
                            $('#hat').val(result);

                            console.log(result);
                        },
                        error: function (xhr, status, p3, p4) {
                            var err = "Error " + " " + status + " " + p3 + " " + p4;
                            if (xhr.responseText && xhr.responseText[0] == "{")
                                err = JSON.parse(xhr.responseText).Message;
                            alert('errrrror"');

                            console.log(err);
                        }
                    });
                } else {
                    alert("This browser doesn't support HTML5 file uploads!");
                }   }

        });


        function GetCity(_stateId) {
            alert("It called");

            var procemessage = "<option value='0'> Please wait...</option>";
            $("#ddlcity").html(procemessage).show();
            var url = "/Home/GetCityByStaeId/";

            $.ajax({
                url: url,
                data: { stateid: _stateId },
                cache: false,
                type: "POST",
                success: function (data) {
                    var markup = "<option value='0'>Select Sub Category</option>";
                    for (var x = 0; x < data.length; x++) {
                        markup += "<option value=" + data[x].Value + ">" + data[x].Text + "</option>";
                    }
                    $("#ddlcity").html(markup).show();
                },
                error: function (reponse) {
                    alert("error : " + reponse);
                }
            });

        }


    });


</script>


<div class="col-md-12">
@using (Html.BeginForm("AppPost", "Apps", null, FormMethod.Post, new { enctype = "multipart/form-data" }))

{
    @Html.HiddenFor(model => model.Apps.AppFileLocation, new { id = "hat" });


    <table class="table" width="200">
        <tbody>
            <tr>
                <td>Application Name: </td>
                <td>@Html.EditorFor(model => model.Apps.AppName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Apps.AppName, "", new { @class = "text-danger" }) </td>
            </tr>
            <tr>
                <td>Application Description: </td>
                <td>@Html.EditorFor(model => model.Apps.AppDescription, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Apps.AppDescription, "", new { @class = "text-danger" })</td>
            </tr>
            <tr>

                <td>Select Category: </td>
                <td>@Html.DropDownListFor(m => m.SelectedFlavorId, Model.FlavorItems) 
            @Html.ValidationMessageFor(model => model.Apps.Categories.Id, "", new { @class = "text-danger", @onchange = "javascript:GetCity(this.value);" })</td>
            </tr>
            <tr>
                <td>Select Sub Category: </td>
                <td>@Html.DropDownListFor(m => m.SelectedFlavorSubCategoryId, Model.FlavorSubCategoryItems)
                @Html.ValidationMessageFor(model => model.Apps.SubCatagories.Id, "", new { @class = "text-danger" })</td>
            </tr>
            <tr>
                <td>Upload Picture: </td>
                <td>@Html.EditorFor(model => model.icon, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.icon, "", new { @class = "text-danger" })</td>
            </tr>
            <tr>
                <td>Select your Application from Computer: </td>
                <td><input type="file" name="Upload From Computer" id="txtUploadFile" class="makethispretty" required/></td>
            </tr>
            <tr>

                <td class="text-primary">Click Create to Submit</td>

                <td><input type="submit" value="Create" class="btn btn-success" />
</td>
            </tr>
        </tbody>

    </table>
    <select id="deneme" onchange="javascript:GetCity(this.value);"> <option value="1">Opsiyon1 </option>
    <option value="2">Opsiyon2</option></select>
    <select id="ddlcity" name="ddlcity" style="width: 200px"></select>


}

    </div>

函数GetCity（_stateId）未执行。 txupload文件和ajax的其他函数工作正常，但getCity函数不起作用。我甚至看不到警报？我错过了什么。浏览器是否有任何混淆。谢谢

Answer 1

您正在将ValidationMessageFor事件处理程序添加到DropdownListFor。据推测，您的意思是将其添加到GetCity？

此外，函数DOMReady在onclick范围内定义。它在执行$(document).ready(function() { ... });处理程序的全局上下文中不可用。您需要将其移出For Each ficheros In ficheros b = ficheros.Name If Right(b, 5) = ".xlsm" Then Alertas_Mes.Controls("Combobox" & i).AddItem b Next ficheros 。