如果我得到结果,在ajax调用上隐藏div

Question

在这里,我通过ajax获得结果.如果我从ajax得到结果,我想隐藏div.如果通过ajax获得结果,我想隐藏的下面的div.

这是我的代码,

$("button").click(function(){
    var dateselect=$("#dateselect").val();
    var userselect = $("#employee").val();

    $.ajax({
        type: 'GET',
        url: "<?php base_url() ?>manage_attendance/listing",
        data:'dateselect='+dateselect+'&userselect='+userselect,
        dataType: "json",
        success: function(data) {                        
            $('.clkin_time').html(data.result);
                   if(data.clkout_result != "0000-00-00 00:00:00") {
                       $('.clkout_time').html(data.clkout_result);
                         //document.getElementById('selecttime').style.display = "hidden";
                    }
                    else
                    {
                        $('.clkout_time').html("---");
                    }                        
         }
    });
});

我的HTML部分是,

<div id="selecttime">
    <label class="col-lg-4 control-label">Select Time</label>
    <div class="input-group date col-lg-2" id="datetimepicker5" style="display:inline-flex;">
        <select id="time_date1" class="form_control" name="time_date1">
            <?php 
                 for($i=00;$i<=23;$i++)
                 {
                     echo '<option value='.$i.'>'.$i.'</option>';
                 }
            ?>
        </select>
        <select id="time_date2" class="form_control" name="time_date2">
            <?php 
                 for($i=00;$i<=59;$i++)
                 {
                      echo '<option value='.$i.'>'.$i.'</option>';
                 }
             ?>
        </select>
        <select id="time_date3" class="form_control" name="time_date3">
             <?php 
                 for($i=00;$i<=59;$i++)
                 {
                      echo '<option value='.$i.'>'.$i.'</option>';
                 }
             ?>
        </select>
    </div>
</div>

在这里,如果我得到上面的结果,我想隐藏这个div.我们应该怎么做？

Answer 1

尝试以下.使用display属性值none代替 hidden.

document.getElementById('selecttime').style.display = "none";

或者您可以使用jquery hide()以下功能.

$("#selecttime").hide();