Jquery不加载从foreach cicle渲染的表单

时间:2016-09-21 08:35:38

标签: javascript php jquery laravel laravel-5.1

我想在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">&nbsp;&nbsp;   Si
                                  </label>
                                  <label class="radio-inline">
                                    <input id="couponno" type="radio" name="coupon">&nbsp;&nbsp;         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被渲染......

1 个答案:

答案 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