2016-04-28 7 views
0

Während von der onChange Ereignis, ich hatte eine neue Funktionen mit diese (d. H.) validateCommuteDate($(this)) aufgerufen. Ich kann einen Wert für diese Klasse bekommen. Aber wie bekomme ich einen anderen Klassenwert?Mit dieser Komponente abrufen Elternklasse Daten

Meine HTML-Daten ist:

<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 Veranstaltung:

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

ValidateCommuteDate Funktion:

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

Wie kann ich pensionCommutationNumber Wert und pensionTransactionType Wert abrufen?

+0

Es gibt kein '.tdate' Element im Markup. – Rayon

+0

Während des Absendens der Frage wurden einige Daten verpasst. Ich habe es geändert –

+0

'$ this.closes ('. Has-deleticon'). Find ('. PensionAmountType')' und '$ this.closest ('. Has-deleticon'). Find ('. PensionAmountType') 'werde tun! – Rayon

Antwort

0
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 
} 
Verwandte Themen