如何使用数据表“on change”选择选项更新我的数据库中的第二行答案

【问题标题】：How to update second row in my database using datatable "on change" select option如何使用数据表“on change”选择选项更新我的数据库中的第二行
【发布时间】：2020-03-06 19:05:04
【问题描述】：

我正在尝试使用选择选项更改订单状态。数据表的第一行工作正常。但是当改变二阶状态时，它不起作用。

选择选项代码：

 <select name="status" id="status">status
      <option value="Order Placed">{{$assign->status}}</option>
      <option value="On Way">On Way...</option>
      <option value="Delivered">Delivered...</option>
      <option value="Cancelled">Cancelled...</option>
      <input type="hidden" id="order_id" value="{{ $assign->order->id }}" name="order_id">
</select>

jQuery 代码：

$(document).ready(function () {
        $('#table_id').on('change' ,'select', function() {
        var status = $('#status').val();
        var order_id = $('#order_id').val();
        alert(status);

        $.ajax({
          type: "get",
          url: "{{ url ('/admin/abc')}}",
          data: {status: status, order_id: order_id},
          dataType: "JSON",
          success: function (response) {
            $('.alert').show();
            $('.alert').html(result.success);
          }
        });
    });

  });

Route.php:

Route::get('/admin/abc','AdminController@abc')->name('assign.abc');

控制器代码：

public function abc(Request $req){
    DB::table('assigns')->WHERE('id',$req->order_id)->update(['status' => $req->status]);
}
}

【问题讨论】：

您不应该将input 类型放在select 标记之外吗？ @Vikas Katariya 是正确的。您必须发布您的请求。无论如何，我要做的就是将data-id="{{ $assign->order->id }}" 放在select 元素中，然后在jQuery 中获取类似的id。始终尝试最小化您的代码以减少错误。 .
你有多个选择和输入框？
你能显示你的刀片代码吗？
我明白了。实际上我的 order_id 始终为 1。这就是为什么二阶状态不会改变的原因。我再试一次@DimitriMostrey
@yasin：是的，多选和 order_id

标签： jquery ajax laravel datatable

【解决方案1】：

更改您的路线文件

Route::post('/admin/abc','AdminController@abc')->name('assign.abc');

更改您的 jQuery 代码。

$(document).ready(function () {
        $('body').on('click','#table_id',function(){
        var status = $('#status').val();
        var order_id = $('#order_id').val();
        $.ajax({
          type: "POST",
          url: '{{ route("assign.abc") }}',
          headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
          data: {status: status, order_id: order_id},
          dataType: "JSON",
          success: function (response) {
            $('.alert').show();
            $('.alert').html(result.success);
          }
        });
    });

  });

【讨论】：

检查警报状态和order_id。你能得到价值吗？
是的，我正在获取状态值和订单值。但是当我选择第二行的订单状态时，它总是选择第一行的值
我明白了。实际上我的 order_id 始终为 1。这就是为什么二阶状态不会改变的原因。我再试一次。 @vikas
好的，太好了，所以请选择答案，请给这个答案投票，谢谢@Imran
请选择这个答案谢谢。

【解决方案2】：

你应该得到你的选择输入的选定值

使用

$('option:selected',this).val()

$(document).ready(function () {
        $('#table_id').on('change' ,'select', function() {
        var status = $('option:selected',this).val();
        ...

【讨论】：

【解决方案3】：

public function abc(Request $req, Assign $assign){
 $data = Assign::find($req->order_id);
        $data->status = $req->status;
        $data->save();
         return response()->json(['success'=>'Saved successfully.']);

}

Try This On your Controller

in Route 
Route::get('/admin/abc','AdminController@abc')->name('assign');

in js

$(document).ready(function () {
        $('#table_id').on('change' ,'select', function() {
        var status = $('#status').val();
        var order_id = $('#order_id').val();
        alert(status);

        $.ajax({
          type: "get",
          url: 'assign',
          data: {status: status, order_id: order_id},
          dataType: "JSON",
          success: function (response) {
            $('.alert').show();
            $('.alert').html(result.success);
          }
        });
    });

  });

【讨论】：