KARTHI SRV KARTHI SRV - 2 months ago 13
Javascript Question

By using this component, retrieve parent class data

While from the

onChange
event, I had called a new functions by using this (i.e.)
validateCommuteDate($(this))
. I can get a value for that class. But how do I get another class value?

My HTML data is:

<div class="inner-row" id="pension-transaction-row-3" data-pension-row-id="3" style="margin-top: -6px; margin-bottom: -6px;">
<div class="col-sm-1" style="width:3%;padding-top:32px; "><span id="pensionName_3"></span></div>
<div class="col-sm-3 showError for-transaction-type-3">
<label class="mobile-label visible-xs">Transaction</label>
<label class="mobile-label hidden-xs">&nbsp;</label>
<select name="data[ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension][3][transaction_type_id]" class="form-control pensionTransactionType" id="pension_transaction_type_3" style="padding:6px 6px;">
<option value="">-- Select --</option>
<option value="commence">Pension Commencement</option>
</select>
</div>
<div class="col-sm-8 has-deleticon">
<div class="col-sm-3 showError for-pension-transaction-date-3">
<label class="mobile-label visible-xs">Date</label>
<label class="mobile-label hidden-xs">&nbsp;</label>
<input name="data[ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension][3][transaction_date]" class="form-control date-wheel-select transaction-date-wheel tdate" id="pension_transaction_date_3" placeholder="Date (DD/MM/YYYY)" style="padding:6px 6px;" value="01/06/2015" type="text"></div>

<div class="col-sm-5">
<label class="mobile-label visible-xs">Amount</label>
<div class="showError for-pension-transaction-amount-type-3 col-sm-12" style="display: block;">
<label class="mobile-label hidden-xs">&nbsp;</label>
<div class="">
<select name="data[ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension][3][pension_amount_type]" id="pension_amount_type_3" class="form-control pensionAmountType" style="padding: 6px 5px;">
<option value="">-- Select --</option>
<option value="1" selected="selected">Entire Balance</option>
<option value="2">Specific Amount</option>
</select>
</div>
</div>
<div class="col-sm-6 showError for-pension-transaction-amount-3" style="display: none;">
<label class="mobile-label hidden-xs">&nbsp;</label>
<div class="input-group input-group-small">
<span class="input-group-addon">$</span>
<input name="data[ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension][3][transaction_amount]" class="form-control pensionTransactionAmount text-right" style="padding:6px 6px;" value="0" type="text" id="ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension3TransactionAmount" placeholder="Amount"> </div>
</div>
</div>

<div class="col-sm-4" id="columnLabels-3">
<div class="col-sm-6 columnMemberOne showError for-pension-transaction-member-1-3" style="padding-right:1px;">

<label class="mobile-label columnLabelOne" style="display: none;">Deceased Member</label>
<label class="mobile-label columnLabelhidden Onehidden-xs">&nbsp;</label>
<select name="data[ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension][3][member_1]" class="form-control memberOne form-control-sm member12" id="member_1_3">
<option value="">-- Select --</option>
<option value="1" selected="selected">Adam</option>
<option value="2">Betty</option>
</select>
</div>


<div class="col-sm-6 columnMemberTwo showError for-pension-transaction-member-2-3" style="padding-left: 6px; display: none;">
<label class="mobile-label columnLabelTwo" style="display: none;">Receiving Member</label>
<select name="data[ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension][3][member_2]" class="form-control memberTwo form-control-sm" id="member_2_3">
<option value="">-- Select --</option>
<option value="1">Adam</option>
<option value="2">Betty</option>
</select>
</div>

<div class="col-sm-6 showError for-pensionCommutationNumber-3">
<label class="mobile-label columnLabelOne" style="display: none;">Deceased Member</label>
<label class="mobile-label columnLabelhidden Onehidden-xs">&nbsp;</label>

<select name="data[ClientLimeSmsfActuarialFormsMembersOneOffTransactionPension][3][pension_commutation_number]" class="form-control pensionCommutationNumber" id="pensionCommutationNumber_3"><option value="0" selected="selected">--Select--</option><option value="1A">1A</option><option value="1B">1B</option></select> </div>
</div>
<button class="btn-delete pensionCloneRemove" data-pension-div-id="3" style="top: 24px;"><i class="fa fa-trash-o"></i></button>
</div>
</div>


In
OnChange
event:

$(document).on('change', '.tdate', function(){
validateCommuteDate($(this));
});


ValidateCommuteDate
function:

function validateCommuteDate($this){
var a = $this.val();
}


How can I retrieve pensionCommutationNumber value and pensionTransactionType value?

Answer
function validateCommuteDate($this){
     var row_id = $this.parents('.inner-row').attr('data-pension-row-id'); // Get the row id
     var transactionType = $('#pension_transaction_type_'+row_id).val(); // Retrieve the transaction type value
     var name = $('#pensionCommutationNumber_'+row_id).val(); // Retrieve the Pension Commutation Value
}
Comments