js div隐藏和显示

HTML代码

<tr><td>
            <p  class="short-input staff ue-clear">
                <label>公司类型:</label>
                <select class="l-select" onchange="cascadetype(this)" data-sub="公司名称,companyname" name="enterprisetype" id="enterprisetype" style="height:28px;">
                <?php echo Ousuclass::all_html_option($companytypelist,‘name‘);?>
                </select>
  </p></td>

</tr>

<div id="SG" style="display:none;">
            <table >
            <tr><td>
                <p  class="short-input staff ue-clear">
                <label>分包项目:</label>
                <input  name="projectname" id="projectname" style="height:28px;"/>
                    <span><em>*</em></span>
                </p></td><td>
            <p  class="short-input staff ue-clear">
                <label>造价(万元):</label>
                <input   name="constructcost" id="constructcost" style="height:28px;"/>
                <span><em>*</em></span>
                </p></td>
            </tr>

</table>

</div>

js代码

function cascadetype(obj)
{
    var traget=document.getElementById("SG");
    if(obj.value == ‘<?php echo $SG;?>‘)
    {
        traget.style.display = ‘‘;
    }
    else
    {
        traget.style.display = ‘none‘;
    }

}

PHP代码

<?php

$query = $this->mydb->find("select * from dictdatas where type = ‘companytype‘");
        $data[‘companytypelist‘] = $query[‘obj‘];
        $data[‘SG‘] = ‘施工单位‘;

?>

时间: 2024-08-01 07:01:08

js div隐藏和显示的相关文章

【记录】jquery动态控制div隐藏或者显示

1.jQuery判断一个元素当前状态是显示还是隐藏 $("#id").is(':visible'); //true为显示,false为隐藏 $("#id").is(':hidden'); //true为隐藏,false为显示 if($("#id").is(':hidden')){ //逻辑代码 } 2.jQuery控制css的display $("#id").show(); //表示display:block $("

利用JS做到隐藏div和显示div

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="visible";//显示 通过设置

jquery和js对div的隐藏和显示

jQuery对div的显示和隐藏: 显示: $("#id").show() 隐藏: $("#id").hide() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏

利用Js/Jquery实现div的隐藏与显示(注意释放与不释放空间)

JS隐藏和显示div的方式有两种:方式1:隐藏后释放占用的页面空间通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" document.getElementById("demo").style.display="none";//隐藏 document.getElementById("demo").style.display="";//显示 方式2:

JS实现信息的显示和隐藏

JS实现信息的显示和隐藏 我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”. 代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript">    function

点击按钮对两个div的隐藏与显示进行切换

HTML: <button type="button"  id="showHidden">点击切换div的隐藏与显示</button> <div id="div1">请叫我第一层</div> <div id="div2">请叫我第二层</div> JS: <script type='text/javascript'> function show

js 事件点击 显示 隐藏

1 <div style="position:absolute;left:40%;top:10%;border-style:dotted"> 2 <img src="zgl.jpg"/><br/> 3 <center> 4 <input type="button" value="隐藏"/> 5      6 <input type="button&qu

如何点击隐藏和显示一个div

如何点击隐藏和显示一个div: 在很多时候有这样的需求,那就是点击显示一个div,再点击就会隐藏显示的div.例如在网站后台添加文章的时候,有时候会根据用户的需要选择是否添加额外的信息.下面就简单介绍一下如何实现此种效果. 实现点击隐藏和显示div的方法有多种,下面就介绍一下比较常用的一种: 使用toggle()方法实现div的隐藏隐藏和显示,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" ut

js 控制 easyui datagrid 隐藏之后显示不来的问题

最近有的用到easyui的datagrid,有一个这样的需求,就是当触发一个事件之后控制datagrid的显示与隐藏,初始状态是将其datagrid隐藏起来. 说起隐藏datagrid的时候,也遇到了一些问题,关于easyui的datagrid是不可以直接用display这个属性的,那若是想要隐藏这个table,那么就要在它的外面写一个父级div,然后通过控制这个div的隐藏与显示去满足这个需求. <div class="divEditTabKc" style="dis