在下拉livewirelaravel中選擇時顯示值

我還是 laravel 和 livewire 的新手。我想確保用戶在下拉串列中選擇一個選項[ADD TRANSACTION]，并且該值將根據用戶選擇出現在文本框[TOTAL TO BE PAID] 中。該值應該是根據用戶選擇的 id 支付的金額。

這是我做的一些代碼......

添加.php

use App\Customer;
use App\Order;
class Adds extends Component
{
public $transactDate;
public $orderT;
public $amount;
public $orderss;
public $orderTotal;
public $bankacc;
public $bankname;
public $transactType;


public function render()
{
    $this->transactDate = now("Asia/Kuala_Lumpur")->toDateString();
 
    return view('livewire.adds');
}

public function mount()
{
    $this->orderT = Order::with('customer')->get();
 
}

protected $rules = [
    'orderss.orderTotal' => 'present',
];

public function display($id)
{
    $this->orderss = $this->orderT->find($id);
}
}

添加.blade

  <div class="col-sm-12 col-md-6" >
     <div class="card">
     <div class="card-body">
        <h3 class="card-title">Add Transaction</h3>
            <form action="" method="POST">
            @csrf

            <label class="form-control-label" >Transaction Date</label>
                <input type="text"  class="form-control" name="unit" wire:model="transactDate" value="{{  $transactDate }}" readonly >
                </br>

            <label hljs-string">" >Add Transaction</label>
             <div hljs-number">4">
                        <select hljs-number">2"  wire:model="orderT">
                        <option value='' selected >Select order</option>
                        @foreach ($orderT as $os)
                        @if(($os->orderStatus === 'Completed') or ($os->orderStatus === 'In process[PAID]'))
                            <option value="{{$os->id}}" > {{$os->id}}-{{$os->customer->custName}}</option>
                        @endif
                        @endforeach
                        </select>
             </div>
            
             <label hljs-string">" >Total to be paid RM</label>
                <input type="text"  hljs-string">" name="amount" value=""wire:model="orderss.orderTotal" readonly >
            </br>

                <label hljs-string">" >Choose Type of Payment</label>
                <div hljs-number">4">
                        <select hljs-number">2" wire:model="transactType">
                            <option disabled selected>Select payment</option>
                            <option value="1" >Cash</option>
                            <option value="2" >Bank Transfer</option>
                        </select>
                </div>

                <label hljs-string">" >Bank Account Number</label>
                <input type="text"  hljs-string">" name="unit" value="" placeholder="XXXXXXX" wire:model="bankacc" >
                </br>
                <label hljs-string">" >Bank Account Name</label>
                <input type="text"  hljs-string">" name="unit" value="" placeholder="eg: Bank Islam" wire:model="bankname" >
                </br>

                            <div hljs-string">">
                                <div hljs-string">">
                                    <button type="submit" hljs-string">">Submit</button>
                                    <button type="reset" hljs-string">">Reset</button>
                                </div>
                            </div>  
            </form>
                        </div>
                    </div>

示例影像

希望任何人都可以幫助我！我還有 2 個用例要完成我的最后一年專案

uj5u.com熱心網友回復：

看這條線

<select class="form-control mr-sm-2"  wire:model="orderT">

// instead

<select class="form-control mr-sm-2"  wire:model="selectedOrder">
   <option value=''>Select order</option>
   @foreach ($orderT as $os)
      @if(($os->orderStatus === 'Completed') or ($os->orderStatus === 'In process[PAID]'))
         <option value="{{$os->id}}" > {{$os->id}}-{{$os->customer->custName}}</option>
      @endif
   @endforeach
</select>

您在此處系結到相同的屬性，與您檢索選項相同。我建議你，創建一個新屬性，例如。選擇訂單

public $selectedOrder = "";
public $amount;

public function updatedSelectedOrder($value)
{
   $this->amount = Order::where('id', $value)->first()->orderTotal;
}

然后您可以將值系結到元素

<label class="form-control-label" >Total to be paid RM</label>
<input type="text"  class="form-control" name="amount" value=""wire:model="amount" readonly >
</br>

標籤：

上一篇：如何使用LaminasMVC輸出php影像資源？

下一篇：使用API和Laravel獲取值