javascript - 使用 PHP 和 Javascript 进行编辑操作时出现一些 css 错误。

Question

我需要一个帮助。当我点击 edit 按钮时，我的数据是从数据库中获取的，它应该显示在文本字段中，但在这里我遇到了一些与 css 相关的错误，如下所示。

Uncaught TypeError: Cannot read property 'style' of null

我在下面解释我的代码。

function selectProductCompany(value){
    if(value==1){
        document.getElementById("compid").style.display="block";
        document.getElementById("proid").style.display="none";
    }
    if(value==0){
        document.getElementById("compid").style.display="none";
        document.getElementById("proid").style.display="block";
    }
}



    <div style="width:24%; float:left; padding:10px;">Select Company/Product : 
    <select class="form-control" id="company_pro" name="company_pro" onChange="selectProductCompany(this.value)">

    <option value="">Select Company/Product</option>
    <option value="1" <?php  if($getcustomerobj->companypro == 1){ print 'selected'; }?>>Select Company</option>
    <option value="0" <?php  if($getcustomerobj->companypro == 0){ print 'selected'; }?>>Select Product</option>
     </select>
    <?php 
   if($getcustomerobj->companypro ==1){
    echo " <script type=\"text/javascript\"> $('#company_pro').change() </script> ";
    }
    ?>
    <div id="err_msg_name" style="font-size:12px; color:#FF0000; text-align: center;"></div>
    </div>
    <div style="width:24%; float:left; padding:10px; display:none;" id="compid">Select Company :
    <select class="form-control" id="company_id" name="company_id">
    <option value="">Select Company</option>
    <?php
                                                $compdata=$db->kf_company_profile->find();
     foreach($compdata as $c){
     ?>
    <option value="<?php echo $c['_id']; ?>" <?php if($getcustomerobj->company_id == $c['_id'] or $_REQUEST['company_id'] == $c['_id']){ print 'selected'; } ?>><?php echo $c['cname']; ?></option>                         
    <?php } ?>
     </select>
       <div id="err_msg_name" style="font-size:12px; color:#FF0000; text-align: center;"></div>
     </div>

当我的第一个下拉列表获得值时，更改事件将触发并且 javascript 函数正在执行，我在此 document.getElementById("compid").style.display="block"中收到错误" 行。请帮我解决这个错误。

Answer 1

您的结构中缺少

proid。尝试将其添加到包含公司产品选择器的 div 中，如下所示:

<div style="width:24%; float:left; padding:10px;" id="proid">