Javascript 如何在页面加载时检查所选选项的值?

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

我正在尝试检查所选on page load中的值。如果该值为“是”,则默认情况下应显示该选项卡,如果不适用,则将隐藏该选项卡。页面加载后,用户可以将选项更改为“是”或“否”,并显示/隐藏onchange。我可以做一次更改,但不是第一次加载

<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