$(document).ready()
Main.js ファイルで2 つの関数を呼び出しています。
$(document).ready(function () {
UpdateValue();
LocationValue();
});
UpdateValue()
正常に動作しますが、呼び出すLocationValue()
と壊れます。getWards()
で呼ばれる関数が原因のようLocationValue()
です。
以下に 2 つの関数を示します。
function UpdateValue() {
$(document.body).on("change", ".Quantity", function () {
var ProID = $(this).attr("data");
var Quatity = $(this).val();
$.ajax({
type: "GET", url: "/Cart/UpdateValue", data: { ProID: ProID, quantity: Quatity },
success: function (data) {
$(".cart_box").html(data);
}
}
);
$.ajaxSetup({
cache: false
});
});
}
function LocationValue() {
$("#City").change(function () {
var cityID = $("#City").val();
alert(cityID);
getWards(cityID);
});
}
function getWards(cityID) {
alert("in show");
$.ajax({
url: "/Checkout/Wards",
data: {CityID: cityID},
dataType:"json",
type:"POST",
error:function()
{
alert("An error occured");
},
success:function(data)
{
var items="";
$.each(data, function(i,item))
{
items+="<option value=\"" + item.Value + "\">" + item.Text + "</option>";
});
$("#Ward").html(items);
}
});
}
alert(cityID)
inLocationValue()
への呼び出しをコメントアウトした場合にのみ正しく表示されgetWards()
ます。コードの何が問題になっていますか?