Hi,
I have a form where it takes the data from the user such as Month, Year and returns the result of that year and month. Everything is working fine. I have used textboxes to display data from server. Now I want that I should display the data using html labels. How to accomplish this. Here all the data other than opening balance is displayed in textboxes. But for opening balance I have used label and still the data is not displayed. How to accomplish this.?
Foll is my html code
<button type="button" class="btn btn-info" onclick="myFunction()">
<span class="glyphicon glyphicon-search"></span> Monthly Saving Data</button>
<div id="myDIV">
<div class="shadow">
<br>
<div class="container">
<div class="row">
<div class="col-sm-2">
<label for="year"><h4>Year</h4></label>
<input type="text" class="form-control" id="year" placeholder="Enter Year">
</div>
<div class="col-sm-2">
<h4><label for="month">Month</label></h4>
<select class="form-control" id="month">
<option value="" selected disabled>Select Month</option>
<option value='01'>January</option>
<option value='02'>February</option>
<option value='03'>March</option>
<option value='04'>April</option>
<option value='05'>May</option>
<option value='06'>June</option>
<option value='07'>July</option>
<option value='08'>August</option>
<option value='09'>September</option>
<option value='10'>October</option>
<option value='11'>November</option>
<option value='12'>December</option>
</select>
</div>
<div class="col-sm-2">
<h4><label for="group">Group</label></h4>
<?php
$shgname = Groupdetails::findOne($model->GroupId);
echo "<select class='form-control' id='group' readonly='true'>
<option value=".$model->GroupId.">".$shgname->GroupName."</option></select>";
//echo "<input type='text' class='form-control' id='group' readonly ='true' //value=".$model->GroupId.">".$shgname->GroupName."</input>";
?>
</div>
<div class="col-sm-1">
<br>
<button type="button" class="btn btn-primary" id="search"><span class="glyphicon glyphicon-search"></span> Search</button>
</div>
<div class="col-sm-1">
<br>
<button type="button" class="btn btn" id="reset">Reset</button>
</div>
</div>
<br>
<div class="row">
<div class="col-sm-2">
Opening Balance <label id ="openingbalance" >
</div>
<div class="col-sm-2">
<h4>Total Saving<input type="text" class="form-control" id="totalsaving" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Loan Recovery<input type="text" class="form-control" id="loanrecovery" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Loan Interest<input type="text" class="form-control" id="loaninterest" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Fine<input type="text" class="form-control" id="fine" readonly="true"><span class="label label-default"></span></h4>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<h4>Bank Interest<input type="text" class="form-control" id="bankinterest" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Expenses<input type="text" class="form-control" id="expenses" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Loan Given<input type="text" class="form-control" id="loangiven" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Bank Loan<input type="text" class="form-control" id="bankloan" readonly="true"><span class="label label-default"></span></h4>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<h4>Cash In Hand<input type="text" class="form-control" id="cashinhand" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Cash In Bank<input type="text" class="form-control" id="cashinbank" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-2">
<h4>Closing Balance<input type="text" class="form-control" id="closingbalance" readonly="true"><span class="label label-default"></span></h4>
</div>
</div>
<br><br>
<div class="row">
<div class="col-sm-3">
<h4>Total Value of Loan Given<input type="text" class="form-control" id="totalvalueofloangiven" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-3">
<h4>Loan Repaid Uptil Now<input type="text" class="form-control" id="loanrepaiduptilnow" readonly="true"><span class="label label-default"></span></h4>
</div>
<div class="col-sm-4">
<h4>Total Value of Loan Outstanding<input type="text" class="form-control" id="totalvalueofloanoutstanding" readonly="true"><span class="label label-default"></span></h4>
</div>
</br>
</div>
</div>
</p>
Following is the js file
$(document).ready(function () {
$('#search').on('click', function () {
var year1=$('#year').val();
var month1=$('#month').val();
var id=$('#group').val();
$.ajax({
url: "index.php?r=groupdetails/display&year="+year1+"&month="+month1+"&id="+id,
method: "GET",
dataType: "json",
success: function(data) {
var ob3=document.getElementById("openingbalance");
ob3.innerText=data[0].OpeningBalance;
$('#totalsaving').val(data[0].TotalSaving);
$('#loanrecovery').val(data[0].LoanRecovery);
$('#loaninterest').val(data[0].LoanInterest);
$('#fine').val(data[0].Fine);
$('#bankinterest').val(data[0].BankInterest);
$('#expenses').val(data[0].Expenses);
$('#loangiven').val(data[0].LoanGiven);
$('#bankloan').val(data[0].BankLoan);
$('#cashinhand').val(data[0].CashInHand);
$('#cashinbank').val(data[0].CashInBank);
$('#closingbalance').val(data[0].ClosingBalance);
$('#totalvalueofloangiven').val(data[0].TotalValueofLoanGiven);
$('#loanrepaiduptilnow').val(data[0].LoanRepaidUptilNow);
$('#totalvalueofloanoutstanding').val(data[0].TotalValueOfLoanOutstanding);
}});
});
});