在Jquery中获取活动选项卡值
我有以下代码在Jquery中获取活动选项卡值,jquery,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="widt
<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>
工作指令
(选择一个)*
允许进入
- 对
- 没有
二,
允许进入
- 对
- 没有
二,
我希望选中多个选项卡中的活动选项卡值。一次只选择一个选项卡,从所选选项卡中,我希望使用jQuery输入变量的#权限_值。您可以使用jQuery和数据属性中的选择器轻松实现
$($('.selected a').data("href")+' #permission_to_enter').val()
上述代码将返回您进入活动选项卡的
权限值。
选项卡切换代码在哪里?还请注意,ID的定义必须是唯一的$('body')。在('click','.tabs li a',函数(e){if($(this).hasClass('disabled')){return false;}否则{var tabTarget=$(this).attr('data-href');$(this.parent().sides().removeClass('selected');$(this.parent().addClass('selected');$(this.parent().parent().parent().parent().parent().parent().parent().parent().find(tabTarget.sibbines().hide();$(this.parent().parent().parent().parent().find(tabTarget.fadeIn)(300);e.preventDefault();});你说的是哪一个ID,而且这段代码运行正常,我猜你误解了这个问题,在决定之前肯定不会要求进行否决表决。为什么在我不理解的代码中添加+呢……这像是串联吗?是的,它的串联$('.selected a')。data(“href”)
将返回活动选项卡类,并将其与#输入权限
关联,将为输入框和.val()提供选择器
将返回值yes id'必须是唯一的,但我有一些类似于菜单项的选项卡,希望从中获取所选项目的值,以及两个选项卡上都存在的特定字段值。@Mohdasimuhail:我尝试了您建议的解决方案。但在与第一个选项卡连接时失败。