javascript - jQuery GetCity 未定义

Question

我正在创建级联下拉列表，但出现错误:

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

    $.ajax({
        url: url,
        data: { warehousesid: _warehousesId },
        cache: false,
        type: "POST",
        success: function (data) {
            var markup = "<option value='0'>Select City</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);
        }
    });

};

 @using (Html.BeginForm())
{
  @Html.DropDownListFor(m => m.StateModel, new  SelectList(Model.StateModel, "WarehousesID", "Name"), new { @id = "ddlstate", @style = "width:200px;", @onchange = "javascript:GetCity(this.value);" })
<br />
<br />
<select id="ddlcity" name="ddlcity" style="width: 200px"></select>

<br /><br />
}

每次我都会收到错误:“GetCity 未定义”。我做错了什么？

Answer 1

您的(function GetCity(_warehousesId) {})(jQuery)是错的。您尝试创建自执行函数，然后尝试使用它。

应该是 function GetCity(_warhouseId) {}以便稍后能够执行它。

---

如果<script>有src属性，里面的任何内容都将被忽略。为 jQuery 和您的代码使用不同的标签:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 <script type="text/javascript">
     function GetCity(_warehousesId) {}
 </script>