Laravel 下拉后 Livewire 自动填充输入框 Select

Question

大家好。所以我有一个 table for product contains('prod_name', 'prod_code') for my drop down select in my edit modal. 在执行 CRUD(Another Table) 时， 是我希望用户 select 'prod_name' 并且它也会填充输入'prod_code' 框自动填充。感谢回复的人。

<option value="prod_name" wire:model="prod_name"></option>
            @foreach($products as $product)
            <option value="{{ $products->prod_name }}">{{ $products->prod_name}}</option>
              @endforeach
          </select>

Answer 1

我将向您提示我如何完成我的任务，因为它只是选择国家，一旦选择国家，它就会使用与所选国家对应的州填充下一个字段，以便您可以按照您的逻辑进行翻译。这仅用于选择国家和州

<div class="col-md-4">              
   {!! Form::select('country', ['' => 'Select Country'] +$sector,'',array('class'=>'form-control select2','name'=>'country','id'=>'country','style'=>'width:100%;'));!!}
  </div>
  <div class="col-md-4">   
      <select name="state" id="state" class="form-control select2" >
      </select>
  </div>

我用Jquery处理剩下的就在你的脚本中

<script type="text/javascript">
    $('#country').change(function(){
    var countryID = $(this).val();    
    if(countryID){
        $.ajax({
           type:"GET",
           url:"{{url('api/get-state-list')}}?country_id="+countryID,
           success:function(res){               
            if(res){
                $("#state").empty();
                $("#state").append('<option>Select state</option>');
                $.each(res,function(key,value){
                    $("#state").append('<option value="'+key+'">'+value+'</option>');
                });
           
            }else{
               $("#state").empty();
            }
           }
        });
    }else{
        $("#state").empty();
    }      
   });
  </script>

其他人正在创建您的路线。如你所见，我用 country_id

触发了 Url api/get-state-list

所以在你的路线上

Route::get('api/get-state-list','\App\Http\Controllers\YOURCONTROLLER@getStateList');

我想你已经准备好了

Laravel 下拉后 Livewire 自动填充输入框 Select

Laravel Livewire Autofill Input Box After Drop Down Select

laravel

laravel-livewire