码迷,mamicode.com
首页 > Web开发 > 详细

js div隐藏和显示

时间:2015-07-17 18:10:05      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

技术分享

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‘] = ‘施工单位‘;

?>

 

js div隐藏和显示

标签:

原文地址:http://www.cnblogs.com/lqw4/p/4655175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!