Question

当我从下拉菜单中选择选项Ram时，我面临的问题是隐藏的下拉菜单应该可见。基本上我正在选择ram处理器下拉菜单时应该将数据添加到数据库中，否则应该将其隐藏；反之，当我选择处理器时，应该将隐藏的主板下拉菜单添加至数据库，否则应该将其隐藏，我尝试过选择ram或处理器

 <!-- Category -->
<label for="exampleInputCategory">Category</label>
<div class="form-group">
       <select class="form-control" required name="category" onchange="showDiv(this)">
            <option value="">Select Category</option>
                 <?php
                     $query = "SELECT * FROM category";
                     $run = mysqli_query($conn, $query);
                     while ($row = mysqli_fetch_array($run)) {
                         $CategoryName = $row["name"];
                 ?>
             <option value="<?php echo $CategoryName ?>"><?php echo $CategoryName ?></option>
                  <?php }?>
        </select>
</div>
<!-- processor for ram -->
<!-- <div style="display:none"> -->
<div class="form-group" id="pfr" hidden>
      <label for="exampleInputCategory">Select Processor for Ram</label>
      <select class="form-control" name="porid">
           <option value="">Select Processor</option>
           <?php
                $queryy = "SELECT * FROM products WHERE category='Processor' AND status='Active'";
                $runn = mysqli_query($conn, $queryy);
                 while ($roww = mysqli_fetch_array($runn)) {
                           $ProcessorTitle   = $roww["product_title"];
                           $ProcessorID      = $roww["id"];
                           // var_dump($Processorid);
                           ?>
            <option value="<?php echo $ProcessorID ?>"><?php echo $ProcessorTitle ?></option>
                    <?php }?>
     </select>
</div>
<!-- End Processor for ram -->

<!-- Motherboard for Processor -->
<!-- <div style="display:none"> -->


<div class="form-group" id="mfp" hidden>
                        <label for="exampleInputCategory">Select Motherboard for Processor</label>
                      <select class="form-control" name="mopid">
                        <option value="">Select Motherboard</option>
                        <?php
                            $queryyy = "SELECT * FROM products WHERE category='Motherboard' status='Active'";
                            $runnn = mysqli_query($conn, $queryyy);
                            while ($rowww = mysqli_fetch_array($runnn)) {
                              $MotherboardTitle   = $rowww["product_title"];
                              $MotherboardID      = $rowww["id"];
                              // var_dump($Processorid);
                              ?>
                            <option value="<?php echo $MotherboardID ?>"><?php echo $MotherboardTitle ?></option>
                            <?php }?>
                          </select>
                        </div>
                    <!-- End Motherboard for Processor -->

<script type="text/javascript">
function showDiv(select){
   if(select.value=="Ram"){
    document.getElementById('pfr').style.display = "block";
   }
   elseif(select.value=="Processor") {
    document.getElementById('mfp').style.display = "block";
   }
    else{
    document.getElementById('pfr').style.display = "none";
    document.getElementById('mfp').style.display = "none";
   }
} 
</script>

Answer 1

您有错字。

更改 elseif(select.value=="Processor")至 else if(select.value=="Processor")

当我从下拉菜单中选择选项时，隐藏的下拉菜单不可见

1 个答案: