php - 在按钮单击时使用 javascript 隐藏 ul，在按钮单击时也将值插入到 mysql

Question

如何在 php 中隐藏 ul 点击按钮？>

                            <li style='width:115px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['title'];?></li>
                            <li style='width:90px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['status'];?></li>                    
                            <li style='width:80px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['added_date'];?></li>
                            <li style="width:40px;text-align:left;margin-left:5px;"><a href="<?php echo $url;?>?p=<?php echo $currentPage;?>&show=1&guest_id=<?php echo $guestId;?>&enquiry_id=<?php echo $enquiry_id;?>&pid=<?php echo $proposalId;?>"  style="text-decoration:none;" >Edit</a></li> 
                        <li style="width:70px;text-align:left;"><a id="link" name="link" href="addguestinformation.php?enq=<?php echo $row['enq_id'];?>&pid=<?php echo $proposalId; ?>"  style="text-decoration:none;" >Booking</a></li> 
                            <!--<li style="width:70px;text-align:left;"><button id="bookingconfirm" name="bookingconfirm" class="button" type="button" onclick="bookingForm(<?php //echo $row['enq_id']?>);">Booking</button>-->


                          </ul>

Answer 1

单独使用 php，如果不重新加载页面，您将无法真正做到这一点，现在这不是那么用户友好，但是Jquery是一个 javascript 库，可以为您做到这一点

    //Gets the referance of the DOM Object by using the ID 
    $('#hideButton').click(function(e){

    //prevents the default action of the button
        e.preventDefault();

    //Hides the list
        $('#foo').fadeOut('slow', function(b){
           //What to do once the list has faded out
            alert('hidden');
        });
    });

单击此处获取有效的 JSfiddle

Answer 2

使用 jQuery 你可以隐藏元素 UL

    $('ul').on('click',function(){
            this.fadeout('slow');//点击Ul时会隐藏Ul
    });

        to hide UL with attribute Id use

     $('#hide').on('点击',function(){
            this.fadeOut('slow');

    });