2017-02-08 2 views
0

Ich habe folgenden Code.Holen Sie sich aktive Registerkarte Wert in Jquery

<fieldset> 
    <label>Work Order For <span class="req"> 
    <span class="gray">(choose one)</span>*</span> 
    </label> 
    <ul class="multi-list tabs"> 
     <li id="resident-tab" class="width-33 selected"><a data-href=".tab-1" onclick="setResidentPropertyUnitTab('1')">Resident</a></li> 
     <li id="unit-tab" class="width-33 "><a data-href=".tab-2" class="even" onclick="setResidentPropertyUnitTab('0')">Unit</a></li> 
     <li id="property-tab" class="width-33 "><a class="last" data-href=".tab-3" onclick="setResidentPropertyUnitTab('2')">Property</a></li> 
     </ul> 
    <div class="tabs-content"> 
     <div class="tab-1"> 
    <fieldset> 
    <label>Permission To Enter</label> 
    <div class="switch bg-green" id="js-permission-to-enter"> 
     <ul> 
      <li><span>YES</span></li> 
      <li><span>NO</span></li> 
     </ul> 
     <span class="switcher on">II</span> 
     <input name="maintenance_request[permission_to_enter]" value="1" id="permission_to_enter" type="hidden"> 
    </div> 
</fieldset> 
</div> 
    <div class="tab-2 hide" id="buildingUnit"> 
     <fieldset> 
      <label>Permission To Enter</label> 
      <div class="switch js-permission-to-enter bg-red"> 
      <ul> 
       <li><span>YES</span></li> 
       <li><span>NO</span></li> 
      </ul> 
      <span class="switcher off">II</span> 
     </div> 
      <input name="maintenance_request[permission_to_enter]" value="0" id="permission_to_enter" type="hidden"> 
</fieldset> 
    </div> 

Ich mag aktiven Reiter Wert von multi_tabs ausgewählt. Zu einer Zeit ist nur eine Registerkarte ausgewählt und von der ausgewählten Registerkarte möchte ich den Wert von #permission_to_enter Variable mit jQuery.

+1

Wo ist der Tab-Switching-Code? Beachten Sie außerdem, dass IDs per Definition eindeutig sein müssen – charlietfl

+0

$ ('body'). On ('klicken', '. Tabs li a', Funktion (e) { \t \t if ($ (this) .hasClass ('deaktiviert ')) { \t \t \t return false; \t \t} else { \t \t \t var tabTarget = $ (this) .attr (' data-href '); \t \t \t $ (this) .parent(). Geschwister(). removeClass ('ausgewählt'); \t \t \t $ (this) .parent(). AddClass ('selected'); \t \t \t $ (dies) .parent(). Parent(). Parent(). Find (tabTarget) .siblings(). Hide(); \t \t \t $ (this) .parent(). Übergeordnete(). Parent(). Find (tabTarget) .fadeIn (300); \t \t \t e.preventDefault(); \t \t} \t}); –

Antwort

-1

Sie können ganz einfach implementieren Wähler in jquery verwenden und Attributdaten

$($('.selected a').data("href")+' #permission_to_enter').val() 

Above-Code wird der Wert von permission_to_enter Eingang der aktiven Registerkarte zurück.

+0

IDs müssen eindeutig sein – charlietfl

+0

über welche ID sprichst du, und dieser Code funktioniert friedlich und richtig, ich nehme an, du hast die Frage falsch verstanden und brauchst definitiv keinen Downvote, bis er entschieden hat. –

+0

warum fügen Sie + in den Code ein, den ich nicht verstehe ... ist es wie eine Verkettung? –

Verwandte Themen