将数组值附加到选择选项Jquery中

时间:2016-11-17 03:47:07

标签: javascript jquery laravel

我目前正在使用Laravel

这是我到目前为止的jquery代码:

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

            $.each(data.getCarbyDriver, function(i, data) {  
            result += '<div>'+ data.plate_no +'</div>'; 
            }); 
            $('#search-result').html(result); 
            }
        },
        error: function(data) {

        } 
    });  
});

这是我目前的表单代码:

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

<select id="search-result"></select>

一切正常,数据正在返回。

如何将plate_no数据附加到选择框并将其存储到数据库中。

任何想法?

1 个答案:

答案 0 :(得分:2)

使用Javascript: 在foreach内:

result += '<option value='+data.plate_no+'>'+data.plate_no+'</option>';
$('#search-result').html(result);

HTML:

<select name="" id="search-result">
</select>