我想在Laravel 5.2上的购物车中呈现一个详细信息。通过单击复选框("#couponyes"或"#couponno"),页面需要呈现或从数据库中获取的数据包含在div whit id =" azienda" (如果#couponyes被击中)或输入表格(如果#couponno被击中),div id =" ritiro"。 这是完整的代码:
STAT
这是javascript:
<?php
$carrelli = DB::table('carrello')->where('carrello.entry_by', \Session::get('uid'))->join('tariffe', 'tariffe.id', '=', 'carrello.id_tariffa' )->join('servizi', 'tariffe.id_servizio', '=', 'servizi.id')->distinct()->select('servizi.nome as nome_servizio', 'servizi.mod_servizio as mod_servizio', 'tariffe.geo as geo', 'carrello.source_geo as source', 'carrello.destination_geo as destination' )->get();
?>
@foreach($carrelli as $carr)
@if(empty($carr->geo))
<fieldset style="height:600px">
<legend>{{ $carr->nome_servizio }}</legend>
<div class="row">
<div class="col-lg-6">
@if(!empty($coupon))
<p>Confermi di voler utilizzare gli indirizzi di presa e consegna previsti dalla tua la convenzione aziendale {{ $coupon->coupon }} ?</p>
<label class="radio-inline">
<input id="couponyes" type="radio" required name="coupon"> Si
</label>
<label class="radio-inline">
<input id="couponno" type="radio" name="coupon"> No
</label>
<div id="azienda" style="display:none;">
<?php $punti_ritiro = DB::table('punti_ritiro_aziende')
->where('entry_by', $azienda->Id)
->where('id_tipologia', 1)
->orWhere('id_tipologia', 3)
->where('attivo', 1)
->get();
$punti_consegna = DB::table('punti_ritiro_aziende')
->where('entry_by', $azienda->Id)
->where('id_tipologia', 2)
->orWhere('id_tipologia', 3)
->where('attivo', 1)
->get();
?>
<div class="form-group" style="margin-top:50px">
<label for="state">Punto di ritiro</label>
@foreach($punti_ritiro as $punto_ritiro)
<input type="text" readonly value="{{ $punto_ritiro->indirizzo }}"></option>
@endforeach
</div>
<hr>
<div class="form-group" style="margin-top:50px">
<label for="state">Punto di consegna</label>
@foreach($punti_consegna as $punto_consegna)
<input type="text" readonly value="{{ $punto_consegna->indirizzo }}"></option>
@endforeach
</div>
<div>
{{ $layout->warning_checkout }}
</div>
</div>
<div id="ritiro" style="display:none; margin-top:20px; margin-bottom:20px" >
@if($carr->mod_servizio == 1)
<div class="form-group">
<label for="state">Punto di ritiro</label>
<input type="text" required name="indirizzo_ritiro" id="source1" class="form-control">
</div>
@elseif($carr->mod_servizio == 2)
<div class="form-group">
<label for="state">Punto di consegna</label>
<input type="text" required name="indirizzo_consegna" id="source2" class="form-control">
</div>
@elseif($carr->mod_servizio == 3)
<div class="form-group">
<label for="state">Punto di ritiro</label>
<input type="text" required name="indirizzo_ritiro" id="source1" class="form-control">
</div>
<hr>
<div class="form-group">
<label for="state">Punto di consegna</label>
<input type="text" required name="indirizzo_consegna" id="source2" class="form-control">
</div>
@else
@endif
</div>
@endif
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="address">Data ritiro</label>
<div id="dataritiroS" ></div>
<div id="dataritiroN" ></div>
</div>
<div class="form-group">
<label for="address">Data riconsegna</label>
<div id="dataconsegnaS" required style="display:none"></div>
<div id="dataconsegnaN" required style="display:none"></div>
</div>
</div>
</div>
</fieldset>
@else
<fieldset style="height:600px">
<legend>Ritiro scooter</legend>
<div class="row">
<div class="col-lg-6">
<div class="form-group" style="margin-top:50px">
<label for="state">Punto di ritiro</label>
<input type="text" readonly value="{{ $geo->source }}" readonly />
</div>
<hr>
<div class="form-group" style="margin-top:50px">
<label for="state">Punto di consegna</label>
<input type="text" readonly value="{{ $geo->destination }}"/>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="address">Data ritiro</label>
<div id="dataritiro_geo" required></div>
</div>
<div class="form-group">
<label for="address">Data riconsegna</label>
<div id="dataconsegna_geo" required></div>
</div>
</div>
</div>
</fieldset>
@endif
@endforeach
这是关于couponyes收音机,但在couponno上只有第一项cicle被渲染......
答案 0 :(得分:0)
如果将这些ID属性更改为CLASS属性,则可以使用。但是,元素不能具有相同的ID属性。请参阅jQuery UI Datepicker only respond to the first textbox。
将<div id="dataritiroS" ></div>
更改为<div class="dataritiroS" ></div>
,将$('[id="dataritiroS"]').datepicker({
更改为$('.dataritiroS').datepicker({
。
注意:Datepicker通常与<input ... >
元素一起使用,因此您可能需要将该div的元素类型更改为输入。有关文档和源代码示例,请参阅https://jqueryui.com/datepicker。