Javascript 在编辑而不搜索时显示数据。

我使用ajax搜索数据并返回数据，使用append将数据显示到浏览器中

以下是我目前的代码：

<div class="row top">
<div class="col-xs-3 col-sm-3 col-md-3">
    <div class="form-group">
        <label class="control-label">Car Plate No:</label>
        {!! Form::select('car_id', $car, null, array('class' => 'form-control', 'placeholder' => '')) !!}
    </div>
</div>

<div class="col-xs-3 col-sm-3 col-md-3">
    <div class="form-group">
        <label>Offence Date:</label>
        {!! Form::text('fine_date', null, array('class' => 'form-control datetimepicker')) !!}
    </div>
</div>

<div class="col-xs-3 col-sm-3 col-md-3">
    <div class="form-group">
        <label>Time:</label>
        {!! Form::text('fine_time', null, array('class' => 'form-control fine_time')) !!}
    </div>
</div>

<div class="col-xs-3 col-sm-3 col-md-3">
    <div class="form-group filter-btn">
        <button class='btn btn-info' type='search'>Search</button>
    </div>
</div>

$('button[type="search"]').click(function(e) {
    $.ajax({
        url: "{{ route('fine.search') }}",
        type: "POST",
        data: { 
            '_token' : '{{csrf_token() }}',
            'car_id' : $('select[name="car_id"]').val(),
            'fine_date' : $('input[name="fine_date"]').val(),
            'fine_time' : $('input[name="fine_time"]').val(),
        },
        success: function(data) { 
            if(data.status == true) { 
            var result= []; 

            $.each(data.getCarbyDriver, function(i, data) { 
            HideEle = $('<input>').attr({type:'hidden', name:'fleet_id'}).val(data.id);   
            CarEle =  $('<input/>', {"class": 'col-xs-2 col-sm-2 col-md-2', "style": 'width:20%'}).attr({ type: 'radio', name: 'driver_id'}).val(data.driver_id);
            DnameEle = $("<div/>", {"class": 'col-xs-2 col-sm-2 col-md-2', "style": 'width:20%'}).html(data.full_name);
            StartELe = $("<div/>", {"class": 'col-xs-2 col-sm-2 col-md-2', "style": 'width:20%'}).html(data.start_time);
            EndEle = $("<div/>", {"class": 'col-xs-2 col-sm-2 col-md-2', "style": 'width:20%'}).html(data.end_time);
            SnameEle = $("<div/>", {"class": 'col-xs-2 col-sm-2 col-md-2', "style": 'width:20%'}).html(data.name);
            }); 
            $('#search-result').empty().append(CarEle, DnameEle, StartELe, EndEle, SnameEle, HideEle); 
            $('.row-bot, .row-info, .table-bordered, #search-result').show();
            $('#noData').hide();
            }
        },
        error: function(data) {
           if(data.getCarbyDriver == null ) { // if the result is null
                $('#noData').show();
                $(".row-info, .row-bot, #search-result, .table-bordered").hide(); // show the div..
            }
        }
    });  
});

---

但是代码只适用于表单，不适用于ajax。

使用js触发单击：

$('button[type="search"]').trigger('click');

---

触发器不是只有在有2个按钮时才起作用吗？你的主要问题是不清楚你想做什么，什么不起作用。对不起，基本上我有带按钮搜索的表单来显示数据，当我试图编辑它时，数据没有显示我需要再次单击搜索。因此，您希望在单击编辑功能时触发搜索功能吗？只要我单击编辑，任何操作都可以。我不需要再次搜索来显示数据。

var CarId = $('select[name="car_id"]');

    function checkCarId(select) {
        if(select.val() != '') {
            $('.row-bot').show();
        } else {
            $(".row-bot").hide();
        }
    }
    checkCarId(CarId);

$('button[type="search"]').trigger('click');