3
回答
js option value判断显示不同ID
华为云4核8G,高性能云服务器,免费试用   

<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如何去判断它是  我是小白 请大神帮帮忙

 

之前有人教我是用过 

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

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

if(changeName  == 'default'){

......

}

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

......

}

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

......

}

});

但是有错误码啊

PHP
举报
石彬亮
发帖于11个月前 3回/78阅

var select = document.getElementById('page_template')
select.onchange = function(){
     var changeName = this.value

   ……
}
原生代码这么写。

那个语法错误是因为两层单引号。想用Jquery的话,外层用单引号,内层用双引号,但不一定正常工作

@Trivia 你好,我调用了这个怎么不行啊

     if(changeName  == 'default')
     {
         $('#page_about-metabox,#page_services-metabox,#page_resume-metabox').hide();

         $("#page_about-metabox").css('display','block'); 
         $("#page_services-metabox").css('display','block'); 
         $("#page_resume-metabox").css('display','block'); 
         
         $("#page_category-metabox").css('display','none'); 
         $("#rtpfui_status-metabox").css('display','none'); 
         $('#page_category-metabox,#rtpfui_status-metabox').show();
     }

--- 共有 1 条评论 ---
trivia打印出每一步的运行结果查看,看changeName的值是什么 11个月前 回复
顶部