Javascript 如何在页面加载时检查所选选项的值?
我正在尝试检查所选on page load中的值。如果该值为“是”,则默认情况下应显示该选项卡,如果不适用,则将隐藏该选项卡。页面加载后,用户可以将选项更改为“是”或“否”,并显示/隐藏onchange。我可以做一次更改,但不是第一次加载Javascript 如何在页面加载时检查所选选项的值?,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试检查所选on page load中的值。如果该值为“是”,则默认情况下应显示该选项卡,如果不适用,则将隐藏该选项卡。页面加载后,用户可以将选项更改为“是”或“否”,并显示/隐藏onchange。我可以做一次更改,但不是第一次加载 <div class="form-group "> <select name="PrivateTeam" id="PrivateTeam" class="form-control" required> <o
<div class="form-group ">
<select name="PrivateTeam" id="PrivateTeam" class="form-control" required>
<option value="">-- Select Option --</option>
<option value="n/a"
<?php echo set_select('PrivateTeam', 'n/a', ('n/a' == $team->PrivateTeam) ? TRUE : FALSE); ?>>n/a
</option>
<option value="Yes"
<?php echo set_select('PrivateTeam', 'Yes', ('Yes' == $team->PrivateTeam) ? TRUE : FALSE); ?>>Yes
</option>
</select>
</div>
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_Task" data-toggle="tab">Task</a></li>
<li id="li_PrivReq"><a href="#tab_PrivReq" data-toggle="tab">Private Team Requesters</a></li>
<li id="li_AltApp"><a href="#tab_AltApp" data-toggle="tab">Alternative Approver</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_Task">
<?php $this->load->view('team/team/edit/_Task'); ?>
</div>
<div class="tab-pane" id="tab_PrivReq">
<?php $this->load->view('team/team/edit/_PrivRequester'); ?>
</div>
<div class="tab-pane" id="tab_AltApp">
<?php $this->load->view('team/team/edit/_AltApprover'); ?>
</div>
</div>
</div>
您只需在与声明分开的更改时触发,如下所示
$("#PrivateTeam").trigger('change');
所以代码会变得像
$(document).ready(function() {
$("#PrivateTeam").change(function() {
var val = $(this).val();
if (val === "Yes") {
$("#li_PrivReq").show();
$("#tab_PrivReq").show();
} else {
$("#li_PrivReq").hide();
$("#tab_PrivReq").hide();
}
});
$("#PrivateTeam").trigger('change');
});
您只需在与声明分开的更改时触发,如下所示
$("#PrivateTeam").trigger('change');
所以代码会变得像
$(document).ready(function() {
$("#PrivateTeam").change(function() {
var val = $(this).val();
if (val === "Yes") {
$("#li_PrivReq").show();
$("#tab_PrivReq").show();
} else {
$("#li_PrivReq").hide();
$("#tab_PrivReq").hide();
}
});
$("#PrivateTeam").trigger('change');
});
为check value hide_showselect_val创建一个函数,并在该函数中传递选择字段值。在页面加载时和选择框更改时调用函数。 $document.readyfunction{ var privateTeam=$'privateTeam'.val; 隐藏展示私人团队; $PrivateTeam.changefunction{ var val=$this.val; 藏起来; }; }; 函数隐藏\u showprivateTeam{ 如果privateTeam==是{ $LIU PrivReq.show; $tab_PrivReq.show; }否则{ $li_prifreq.hide; $tab_PrivReq.hide; } } -选择选项- 不适用 对 选项卡任务 制表符prifreq 选项卡AltApp
为check value hide_showselect_val创建一个函数,并在该函数中传递选择字段值。在页面加载时和选择框更改时调用函数。 $document.readyfunction{ var privateTeam=$'privateTeam'.val; 隐藏展示私人团队; $PrivateTeam.changefunction{ var val=$this.val; 藏起来; }; }; 函数隐藏\u showprivateTeam{ 如果privateTeam==是{ $LIU PrivReq.show; $tab_PrivReq.show; }否则{ $li_prifreq.hide; $tab_PrivReq.hide; } } -选择选项- 不适用 对 选项卡任务 制表符prifreq 选项卡AltApp