I am performing the update operation, press edit button data load in Pop-up and when I update any field then change event not call. The change event is for show description in the text. This function call in PurchaseCodeU grid to fill this textbox value txtUPurCode then when i change something but change event not call. can anyone tell me where i am wrong and what is the problem in my code.
jquery
<script>
// Purchase Code For Update
var purchaseCU = $("#txtUPurCode").val();
PurchaseCodeU(purchaseCU);
function PurchaseCodeU(purchaseCU) {
$.ajax({
url: "/Home/chartofAccount",
type: "GET",
contentType: "application/json;charset=UTF-8",
data: {
'glCode': purchaseCU
},
dataType: "json",
success: function (result) {
$('#UPurCodeDescription').val(result);
},
error: function (errormessage) {
alert(errormessage.responseText);
}
});
return false;
}
$('#txtUPurCode').change(function () {
var pC = $("#txtUPurCode").val();
function PUC(pC) {
$.ajax({
url: "/Home/chartofAccount",
type: "GET",
contentType: "application/json;charset=UTF-8",
data: {
'glCode': pC
},
dataType: "json",
success: function (result) {
$('#UPurCodeDescription').val(result);
},
error: function (errormessage) {
alert(errormessage.responseText);
}
});
return false;
}
})
</script>
HTML
<!--- For Update Item Category -->
<form action="" method="post">
<div class="modal fade left" id="ItemCUpdateModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
data-backdrop="false">
<div class="modal-dialog modal-side modal-top-left modal-notify modal-info" role="document">
<!--Content-->
<div class="modal-content" style="margin-left:68%;">
<!--Header-->
<div class="modal-header">
<p class="heading lead">Update Item Category</p>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="white-text">×</span>
</button>
</div>
<!--Body-->
<div class="modal-body" style="width:80%">
<h3 id="Result"></h3>
<div class="form-row">
<div class="col">
<!-- Requisition Req_NO -->
<div class="md-form">
@Html.TextBoxFor(m=>m.CatCode, new { @class = "form-control mr-sm-3", @id = "txtUCatCode", Required = true })
<label for="lblItemDesc">Category Description</label>
</div>
</div>
<div class="col">
<!-- Requisition Date -->
<div class="md-form">
@Html.TextBoxFor(m => m.CatDesc, new { @class = "form-control mr-sm-3", @id = "txtUCategoryDesc", @placeholder = "Item Description", Required = true })
<label for="lblItemDesc">Category Description</label>
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<!-- Requisition Date -->
<div class="md-form">
@Html.TextBoxFor(m => m.HS_Code, new { @class = "form-control mr-sm-3", @id = "txtUHsCode", @placeholder = "HS Code" })
<label for="lblHsCode">HS Code</label>
</div>
</div>
<div class="col">
<!-- Requisition Date -->
<div class="md-form">
@Html.TextBoxFor(m => m.PurCode, new { @class = "form-control mr-sm-3", @id = "txtUPurCode", @placeholder = "Pur Code", Required = true })
<label for="lblRequisitionDatepicker">Pur Code</label>
</div>
</div>
<div class="col">
<!-- Job -->
<div class="md-form">
<input type="text" id="UPurCodeDescription" class="form-control mr-sm-5" />
<label for="lbljob">Description</label>
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="md-form">
@Html.TextBoxFor(m => m.SaleCode, new { @class = "form-control mr-sm-3", @id = "txtUSaleCode", @placeholder = "Sale Code" })
<label for="lblNsaleCode">Sale Code</label>
</div>
</div>
<div class="col">
<!-- Job -->
<div class="md-form">
<input type="text" id="USaleCodeDescription" class="form-control mr-sm-5" />
<label for="lblSaleCodeDesc">Description</label>
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<!-- Requisition Date -->
<div class="md-form">
@Html.TextBoxFor(m => m.CostOfSaleCode, new { @class = "form-control mr-sm-3", @id = "txtUCostOfSaleCode", @placeholder = "Cost Of Sale Code" })
<label for="lblNCostOfSaleCode">Cost of Sale Code</label>
</div>
</div>
<div class="col">
<!-- Job -->
<div class="md-form">
<input type="text" id="UCostOfSaleCodeDescription" class="form-control mr-sm-5" />
<label for="lblNCostOfSaleCodeDescription">Description</label>
</div>
</div>
</div>
<h6 style="color:black; display:none">For Trade Only</h6>
<div class="form-row" style="display:none">
<div class="col">
<div class="md-form">
@Html.TextBoxFor(m => m.SaleCode_Trade, new { @class = "form-control mr-sm-3", @id = "txtUSaleCode_Trade", @placeholder = "Sale Code Trade" })
<label for="lblNSaleCode_Trade">Sale Code</label>
</div>
</div>
<div class="col">
<!-- Job -->
<div class="md-form">
<input type="text" id="USaleCodeDescriptionTrad" class="form-control mr-sm-5" />
<label for="lblNCostOfSaleCodeDescriptionTrade">Description</label>
</div>
</div>
</div>
<div class="form-row" style="display:none">
<div class="col">
<div class="md-form">
@Html.TextBoxFor(m => m.CostOfSaleCode_Trade, new { @class = "form-control mr-sm-3", @id = "txtUCostOfSaleCode_Trade", @placeholder = "Cost Of Sale Code Trade" })
<label for="lblNCostOfSaleCodeTrade">Cost Of Sale Code Trade</label>
</div>
</div>
<div class="col">
<!-- Job -->
<div class="md-form">
<input type="text" id="UCostSaleCodeDescT" class="form-control mr-sm-5" />
<label for="lblNCostOfSaleCodeTradeDesc">Description</label>
</div>
</div>
</div>
</div>
<div class="justify-content-center">
<div class="modal-footer">
<button type="reset" class="btn btn-default" data-dismiss="modal">Close</button>
<button id="btnItemCUpdate" type="submit" class="btn btn-danger " onclick="ItemCategory_Update();">Update</button>
</div>
</div>
<!-- Default form contact -->
</div>
<!--Footer-->
</div>
<!--/.Content-->
</div>
</form>
