js option value判断显示不同ID

石彬亮 发布于 2017/08/02 20:44
阅读 137
收藏 0
PHP

 

<div id="postbox-container-1" class="postbox-container">
    <div id="side-sortables" class="meta-box-sortables ui-sortable" style="">
        <div id="pageparentdiv" class="postbox ">
          <div class="inside">
              <p class="post-attributes-label-wrapper"><label class="post-attributes-label" for="page_template">模板</label></p>
              <select name="page_template" id="page_template">
              <option value="default">默认模板</option>
              <option value="page-portfolio.php">Portfolio page</option>
              <option value="page-Resume.php">个人简历</option>

</select>
          </div>
        </div>

    </div>
</div>
<div id="postbox-container-2" class="postbox-container">
    <div id="normal-sortables" class="meta-box-sortables ui-sortable">
        <div id="xst_seo_options" class="postbox ">
             <h2 class="hndle ui-sortable-handle"><span>SEO - 选项</span></h2>
             <span class="label">关键词</span>
             <span class="label">描述</span>
        </div>
        <div id="page_ceshi-metabox" class="postbox ">
             <span class="label">引语</span>
        </div>
    </div>
</div>

 

选择 default  时  ID   xst_seo_options  page_ceshi-metabox 不显示

选择 page-portfolio.php  时 ID xst_seo_options 不显示 page_ceshi-metabox 显示

选择 page-Resume.php  时 ID xst_seo_options 显示 page_ceshi-metabox 不显示

 

 

 用JS如何去判断它是  我是小白 请大神帮帮忙

加载中
0
张伟康
张伟康

$('#page_template').bind('change',function(){

    var changeName = $('option['checked'='checked']').val();

if(changeName  == 'default'){

......

}

if(changeName  == 'page-portfolio.php'){

......

}

if(changeName  == 'page-Resume.php'){

......

}

});

石彬亮
石彬亮
回复 @张伟康 : var changeName = $('option['checked'='checked']').val(); 提示错误怎么办
张伟康
张伟康
回复 @石彬亮 : 控制台调试一下,楼下正解!
石彬亮
石彬亮
if(changeName == 'default'){ $('#page_ceshi-metabox,#xst_seo_options').hide(); } 不行啊
0
a
astars

当$('#page_ceshi-metabox,#xst_seo_options') 多种选择出问题时,就分开写,$('#page_ceshi-metabox').hide()   $('#xst_seo_options').hide

 

当 hide()不生效时,可以改变DIV的CSS 里的display, 让整个DIV 隐藏

石彬亮
石彬亮
怎么写啊
返回顶部
顶部