如何解决如何使用数据库中的条件同时显示输入和隐藏输入,
<select class="form-control" wire:model.defer="production_parametre_fixes_id.0" wire:change="showUnite(0)">
<option value="0">Choisir</option>
@foreach ($list_parametres as $item)
<option value="{{ $item->id }}">
@if ($item->etape = 'Réception')
{{ $item->matiere }} | {{ $item->unite }}
@endif
</option>
@endforeach
</select>
<input type="text" class="form-control" placeholder=" " wire:model.defer="qte_materiel.0"/>
<input type="time" class="form-control" placeholder=" " wire:model.defer="debut.0"/>
我已经从数据库中选择并且我想要
我该怎么做?
解决方法
如果变量 $unite 是从控制器发送的
@if($unite == 'KG' || $unite == 'l')
<input id="quantite" class="form-control"/>
@elseif($unite == 'h')
<input id="heure" class="form-control"/>
@endif
但是如果您想根据所选项目做出决定,那么使用 [JQuery] 会很有用
您可以访问 https://www.w3schools.com/jquery/jquery_hide_show.asp
, <div class="row" x-data="">
<div class="col-md-1">
<div class="form-group" >
<button type="button" class="btn btn-sm font-weight-bolder btn-light-primary" wire:click.prevent="addmat()"><i class="la la-plus"></i></button>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<div class="input-group input-group-prepend">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-cogs icon-lg"></i></span></div>
<select class="form-control" wire:model.defer="production_parametre_fixes_id.0" wire:change="showUnite(0)" >
<option value="0"> Choisir </option>
@foreach ($list_parametres as $item)
<option value="{{ $item->id }}">
@if($item->etape = 'Réception' )
{{ $item->matiere }} | {{ $item->unite }}
@endif
</option>
@endforeach
</select>
<label>{{ __('Matériel') }}</label>
</div>
@error('production_parametre_fixes_id')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
<div class="col-md-2">
<div class="form-group" x-show="$wire.showmatiere[0]">
<div class="input-group input-group-prepend">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-shopping-basket icon-lg"></i></span></div>
<input type="text" class="form-control" placeholder=" " wire:model.defer="qte_materiel.0"/>
<label>{{ __('Qte') }}</label>
</div>
@error('qte_materiel')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
<div class="col-md-3">
<div class="form-group" x-show="$wire.showheure[0]">
<div class="input-group input-group-prepend">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-history icon-lg"></i></span></div>
<input type="time" class="form-control" placeholder=" " wire:model.defer="debut.0"/>
<label>{{ __('Début') }}</label>
</div>
@error('debut')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
<div class="col-md-3">
<div class="form-group" x-show="$wire.showfin[0]">
<div class="input-group input-group-prepend">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-history icon-lg"></i></span></div>
<input type="time" class="form-control" placeholder=" " wire:model.defer="fin.0"/>
<label>{{ __('Fin') }}</label>
</div>
@error('fin')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
</div>
</div>
@foreach ($inputsmat as $key => $value)
<div class="container">
<div class="row" x-data="">
<div class="col-md-3">
<div class="form-group">
<div class="input-group input-group-prepend">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-cogs icon-lg"></i></span></div>
<select class="form-control" wire:model.defer="production_parametre_fixes_id.{{$value}}" wire:change="showUnite({{$value}})" >
<option value="0"> Choisir </option>
@foreach ($list_parametres as $item)
<option value="{{ $item->id }}">
@if($item->etape = 'Réception')
{{ $item->matiere }} | {{ $item->unite }}
@endif</option>
@endforeach
</select>
<label>{{ __('Matériel') }}</label>
</div>
@error('production_parametre_fixes_id')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
<div class="col-md-3">
<div class="form-group" x-show="$wire.showmatiere[{{$value}}]" :key="'q-'.$value">
<div class="input-group input-group-prepend" >
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-shopping-basket icon-lg"></i></span></div>
<input type="text" class="form-control" placeholder=" " wire:model.defer="qte_materiel.{{$value}}"/>
<label>{{ __('Qte') }}</label>
</div>
@error('qte_materiel')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
<div class="col-md-3">
<div class="form-group" x-show="$wire.showheure[{{$value}}]" :key="'d-'.$value">
<div class="input-group input-group-prepend">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-history icon-lg"></i></span></div>
<input type="time" class="form-control" placeholder=" " wire:model.defer="debut.{{$value}}"/>
<label>{{ __('Début') }}</label>
</div>
@error('debut')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
<div class="col-md-3">
<div class="form-group" x-show="$wire.showfin[{{$value}}]" :key="'f-'.$value">
<div class="input-group input-group-prepend">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-history icon-lg"></i></span></div>
<input type="time" class="form-control" placeholder=" " wire:model.defer="fin.{{$value}}"/>
<label>{{ __('Fin') }}</label>
</div>
@error('debut')
<span class="form-text text-danger">{{ $message }}</span>
@enderror
</div>
</div>
<div class="col-md-1">
<div class="form-group" >
<button type="button" class="btn btn-outline-danger" wire:click.prevent="removeMat({{$key}})">X</button>
</div>
</div>
</div>
</div>
@endforeach```
controller:
public function showUnite($myLine)
{
$para = ProductionParametreFixe::query()->where('id',$this->production_parametre_fixes_id)->first();
if($para->unite == "Kg" || $para->unite == "L"){
$this->showmatiere[$myLine] = true ;
$this->showheure[$myLine] = false;
$this->showfin[$myLine] = false;
}else if($para->unite == "H"){
$this->showheure[$myLine] = true;
$this->showfin[$myLine] = true;
$this->showmatiere[$myLine] = false ;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。