Делать выданного с jquery и php

Хорошие, у меня есть каталог продуктов, которые я сделал с while, чтобы показывать все продукты, которые у меня есть в db, вещь - что шаблон, который использование приносит одни, которые мне хотелось бы использовать, чтобы выдавать продукты, вещь. Разыскивая я сделал что-то, что способ остался функционируя, но нажав на любой из двух выборов в option, только остается тот, который у Вас есть class=1.

То, что я сделал, Вы состояли с той же датой while в том, чтобы помещать:

<div class="<?php echo $r["moneda"], ?>">

Тогда в select, если я выбираю выбор Доллары, он имеет один value=1 тем, чего, если поле 'чеканит' этого продукта, 1, он был бы должен оставаться и те, которых 2 исчезать. Вещь состоит в том, чтобы так я выбрал выбор value=1, или выбор value=2 всегда появляется в любую вещь. Я не, которому возможно быть должным это, оставляю Вам мой кодекс

Показывать продукты

<?php  

while ($r = $query->fetch_array()) { ?>
    <div id="productos">
        <div class="<?php echo $r["moneda"]; ?>">
            <div class="inventory margin-bottom-20 clearfix scroll_effect fadeIn">
                <input type="checkbox" name="a" class="checkbox compare_vehicle input-checkbox" id="vehicle_1"/>
                <label for="vehicle_1"></label>
                <a class="inventory" href="inventory-listing.html">
                    <div class="title"><?php echo $r["nombre"]; ?></div>
                    <img src="../images/productos/<?php echo $r["img"]; ?>" class="preview" alt="preview">
                    <table class="options-primary">
                        <tr>
                            <td class="option primary">Body Style:</td>
                            <td class="spec">Sport Utility Vehicle</td>
                        </tr>
                        <tr>
                            <td class="option primary">Drivetrain:</td>
                            <td class="spec">4WD</td>
                        </tr>
                        <tr>
                            <td class="option primary">Engine:</td>
                            <td class="spec">4.8L V8</td>
                        </tr>
                        <tr>
                            <td class="option primary">Transmission:</td>
                            <td class="spec">8-Speed Tiptronic</td>
                        </tr>
                        <tr>
                            <td class="option primary">Mileage:</td>
                            <td class="spec">19,585</td>
                        </tr>
                    </table>
                    <table class="options-secondary">
                        <tr>
                            <td class="option secondary">Exterior Color:</td>
                            <td class="spec">Dark Blue Metallic</td>
                        </tr>
                        <tr>
                            <td class="option secondary">Interior Color:</td>
                            <td class="spec">Black / Titanium Blue</td>
                        </tr>
                        <tr>
                            <td class="option secondary">MPG:</td>
                            <td class="spec">15 city / 21 hwy</td>
                        </tr>
                        <tr>
                            <td class="option secondary">Stock Number:</td>
                            <td class="spec">590497</td>
                        </tr>
                        <tr>
                            <td class="option secondary">VIN Number:</td>
                            <td class="spec">WP1AD29P09LA65818</td>
                        </tr>
                    </table>
                    <img src="http://demo.themesuite.com/automotive/images/carfax.png" alt="carfax" class="carfax"/>
                    <div class="price"><b>Precio:</b><br>
                        <div class="figure"><?php if ($r["moneda"] == 1) {
                                echo "$ " . $r["precio"];
                            } elseif ($r["moneda"] == 2) {
                                echo "Cr " . $r["precio"];
                            } ?><br>
                        </div>
                    </div>
                    <div class="view-details gradient_button"><i class='fa fa-plus-circle'></i> Ver Detalles</div>
                    <div class="clearfix"></div>
                </a>
                <div class="view-video gradient_button" data-youtube-id="3oh7PBc33dk"><i class="fa fa-video-camera"></i>
                    Ver Video
                </div>
            </div>
        </div>
    </div>
<?php } ?>

И это jQuery, который Вы используете:

(function(){
    var $tabla = $('#productos');

    $('#filtro_moneda').change(function(){
        var value = $(this).val();
        if (value){
            $('div.' + value, $tabla).show();
            $('div:not(.' + value + ')', $tabla).hide();
        }
        else{
            // Se ha seleccionado All
            $('div', $tabla).show();
        }
    });
})

И здесь я оставляю Вам option:

<select name="price" class="css-dropdowns" tabindex="1" id="filtro_moneda">
    <option value="">Metodo de Pago</option>
    <option value="1">Dolares</option>
    <option value="2">Créditos</option>
</select>
3
задан 24.10.2016, 03:14
3 ответа

Проблема очень простая решения и находится в языке сценариев JavaScript: ему не хватает символа доллара ($) сначала. В jQuery для того, чтобы что-то работает, когда страница загружается, ты можешь делать $(document).ready(function() { ... }) или $(function() { ... }). В твоем случае кажется, что ты выбрал второй выбор, но тебе остается завершать код с $:

$(function(){
    var $tabla = $('#productos');

    $('#filtro_moneda').change(function(){
        var value = $(this).val();
        if (value){
            $('div.' + value, $tabla).show();
            $('div:not(.' + value + ')', $tabla).hide();
        }
        else{
            // Se ha seleccionado All
            $('div', $tabla).show();
        }
    });
})

Однажды сделай это, код уже функционирует без проблем. Ты можешь видеть это в этом примере:

$(function(){
    var $tabla = $('#productos');

    $('#filtro_moneda').change(function(){
        var value = $(this).val();
        if (value){
            $('div.' + value, $tabla).show();
            $('div:not(.' + value + ')', $tabla).hide();
        }
        else{
            // Se ha seleccionado All
            $('div', $tabla).show();
        }
    });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<select name="price" class="css-dropdowns" tabindex="1" id="filtro_moneda">
  <option value="">Metodo de Pago</option>
  <option value="1">Dolares</option>
  <option value="2">Créditos</option>
</select>

<div id="productos">
  <div class="1">Uno</div>
  <div class="2">Dos</div>
  <div class="1">one</div>
  <div class="2">two</div>
  <div class="1">Un</div>
</div>
3
ответ дан 24.11.2019, 12:58
  • 1
    +1 Или tambi и # 233; n podr и # 237; чтобы быть: (function () { })();:) –  Black Sheep 24.10.2016, 03:51
  • 2
    @aldanux правильный. В самом деле, pens и # 233; в помещении этого схвати и # 237; но этот м и # 233; совсем не функционировать и # 237; если c и # 243; я говорю, что он работает перед грузом элементов (например в head) и не sab и # 237; в d и # 243; nde у него есть OP c и # 243; я говорю, поэтому opt и # 233; из-за того, что это помещает таким образом, чем функционировать, и # 225; в обоих случаях. –  Alvaro Montoro♦ 24.10.2016, 04:06
  • 3
    Полностью договора... кроме того я это сомневаюсь в том, что это было IIFE –  Black Sheep 24.10.2016, 04:11
  • 4
    Останься, не функционируя, я думаю, что проблема состоит в том, что я размещаю плохо divs внутри while –  Santiago D'Antuoni 24.10.2016, 21:27
  • 5
    @SantiagoD и # 39; Антуони Эсо не быть должным и # 237; чтобы влиять. и #191; Ты можешь иметь c и # 243; PHP говорит произведенный вместо? –  Alvaro Montoro♦ 24.10.2016, 21:31

Такой Probá:

(function(){
    var $tabla = $('#productos');

    $('#filtro_moneda').change(function(){
        var value = $(this).val();
        if (value){
            $('.' + value).show();
            $('div:not(.' + value + ')').hide();
        }
        else{
            // Se ha seleccionado All
            $('div').show();
        }
    });
})

Он рекомендовал бы тебе открывать консоль (Ctrl+Mayus+i) и быть закрепленным, если он бросает какую-то ошибку. Большинство ошибок встречается из-за того, что не попадает в него в tipeo селекторов

0
ответ дан 24.11.2019, 12:58
  • 1
    Восток c и # 243; я говорю, что он может реализовывать нежелательные эффекты. Способ, в котором OP реализует selecci и # 243; n он ограничивается контентом элемента #productos, но с этим c и # 243; я говорю, все div документа видеть и # 225; n затронутые даже, если est и # 225; n вне #productos. –  Alvaro Montoro♦ 24.10.2016, 04:15
  • 2
    Tenes raz и # 243; n, tendr и # 237; которому объяснить. Я надеюсь, что в Сантьяго у него осталось ясным использование селекторов –  Genarito 24.10.2016, 04:59

Это - то, что возвращает мне PHP в HTML

                             
                            <div id="productos">
                            <div class="0">
                            <div class="inventory margin-bottom-20 clearfix scroll_effect fadeIn animated" style="visibility: visible; animation-name: fadeIn;">
                                <input type="checkbox" name="a" class="checkbox compare_vehicle input-checkbox" id="vehicle_1">
                                <label for="vehicle_1"></label>
                                <a class="inventory" href="inventory-listing.html">
                                <div class="title">Police Car</div>
                                <img src="../images/productos/ThumbFinal_4.9.15.png" class="preview" alt="preview">
                                <table class="options-primary">
                                    <tbody><tr>
                                        <td class="option primary">Body Style:</td>
                                        <td class="spec">Sport Utility Vehicle</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Drivetrain:</td>
                                        <td class="spec">4WD</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Engine:</td>
                                        <td class="spec">4.8L V8</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Transmission:</td>
                                        <td class="spec">8-Speed Tiptronic</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Mileage:</td>
                                        <td class="spec">19,585</td>
                                    </tr>
                                </tbody></table>
                                <table class="options-secondary">
                                    <tbody><tr>
                                        <td class="option secondary">Exterior Color:</td>
                                        <td class="spec">Dark Blue Metallic</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Interior Color:</td>
                                        <td class="spec">Black / Titanium Blue</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">MPG:</td>
                                        <td class="spec">15 city / 21 hwy</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Stock Number:</td>
                                        <td class="spec">590497</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">VIN Number:</td>
                                        <td class="spec">WP1AD29P09LA65818</td>
                                    </tr>
                                </tbody></table>
                                <img src="http://demo.themesuite.com/automotive/images/carfax.png" alt="carfax" class="carfax">
                                <div class="price"><b>Precio:</b><br>
                                    <div class="figure"><br>
                                    </div>
                                </div>
                                <div class="view-details gradient_button"><i class="fa fa-plus-circle"></i> Ver Detalles </div>
                                <div class="clearfix"></div>
                                </a>
                                <div class="view-video gradient_button" data-youtube-id="3oh7PBc33dk"><i class="fa fa-video-camera"></i> Ver Video</div>
                            </div>
</div>
</div>
                            
                            <div id="productos">
                            <div class="2">
                            <div class="inventory margin-bottom-20 clearfix scroll_effect fadeIn animated" style="visibility: visible; animation-name: fadeIn;">
                                <input type="checkbox" name="a" class="checkbox compare_vehicle input-checkbox" id="vehicle_1">
                                <label for="vehicle_1"></label>
                                <a class="inventory" href="inventory-listing.html">
                                <div class="title">Bullet</div>
                                <img src="../images/productos/50777-1344439068-gta-sa2012-08-0818-15-34-89.jpg" class="preview" alt="preview">
                                <table class="options-primary">
                                    <tbody><tr>
                                        <td class="option primary">Body Style:</td>
                                        <td class="spec">Sport Utility Vehicle</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Drivetrain:</td>
                                        <td class="spec">4WD</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Engine:</td>
                                        <td class="spec">4.8L V8</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Transmission:</td>
                                        <td class="spec">8-Speed Tiptronic</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Mileage:</td>
                                        <td class="spec">19,585</td>
                                    </tr>
                                </tbody></table>
                                <table class="options-secondary">
                                    <tbody><tr>
                                        <td class="option secondary">Exterior Color:</td>
                                        <td class="spec">Dark Blue Metallic</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Interior Color:</td>
                                        <td class="spec">Black / Titanium Blue</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">MPG:</td>
                                        <td class="spec">15 city / 21 hwy</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Stock Number:</td>
                                        <td class="spec">590497</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">VIN Number:</td>
                                        <td class="spec">WP1AD29P09LA65818</td>
                                    </tr>
                                </tbody></table>
                                <img src="http://demo.themesuite.com/automotive/images/carfax.png" alt="carfax" class="carfax">
                                <div class="price"><b>Precio:</b><br>
                                    <div class="figure">Cr 160000<br>
                                    </div>
                                </div>
                                <div class="view-details gradient_button"><i class="fa fa-plus-circle"></i> Ver Detalles </div>
                                <div class="clearfix"></div>
                                </a>
                                <div class="view-video gradient_button" data-youtube-id="3oh7PBc33dk"><i class="fa fa-video-camera"></i> Ver Video</div>
                            </div>
</div>
</div>
                            
                            <div id="productos">
                            <div class="1">
                            <div class="inventory margin-bottom-20 clearfix scroll_effect fadeIn" style="visibility: hidden; animation-name: none;">
                                <input type="checkbox" name="a" class="checkbox compare_vehicle input-checkbox" id="vehicle_1">
                                <label for="vehicle_1"></label>
                                <a class="inventory" href="inventory-listing.html">
                                <div class="title">Infernus</div>
                                <img src="../images/productos/7sALOSB.png" class="preview" alt="preview">
                                <table class="options-primary">
                                    <tbody><tr>
                                        <td class="option primary">Body Style:</td>
                                        <td class="spec">Sport Utility Vehicle</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Drivetrain:</td>
                                        <td class="spec">4WD</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Engine:</td>
                                        <td class="spec">4.8L V8</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Transmission:</td>
                                        <td class="spec">8-Speed Tiptronic</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Mileage:</td>
                                        <td class="spec">19,585</td>
                                    </tr>
                                </tbody></table>
                                <table class="options-secondary">
                                    <tbody><tr>
                                        <td class="option secondary">Exterior Color:</td>
                                        <td class="spec">Dark Blue Metallic</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Interior Color:</td>
                                        <td class="spec">Black / Titanium Blue</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">MPG:</td>
                                        <td class="spec">15 city / 21 hwy</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Stock Number:</td>
                                        <td class="spec">590497</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">VIN Number:</td>
                                        <td class="spec">WP1AD29P09LA65818</td>
                                    </tr>
                                </tbody></table>
                                <img src="http://demo.themesuite.com/automotive/images/carfax.png" alt="carfax" class="carfax">
                                <div class="price"><b>Precio:</b><br>
                                    <div class="figure">$ 45<br>
                                    </div>
                                </div>
                                <div class="view-details gradient_button"><i class="fa fa-plus-circle"></i> Ver Detalles </div>
                                <div class="clearfix"></div>
                                </a>
                                <div class="view-video gradient_button" data-youtube-id="3oh7PBc33dk"><i class="fa fa-video-camera"></i> Ver Video</div>
                            </div>
</div>
</div>
                            
                            <div id="productos">
                            <div class="2">
                            <div class="inventory margin-bottom-20 clearfix scroll_effect fadeIn" style="visibility: hidden; animation-name: none;">
                                <input type="checkbox" name="a" class="checkbox compare_vehicle input-checkbox" id="vehicle_1">
                                <label for="vehicle_1"></label>
                                <a class="inventory" href="inventory-listing.html">
                                <div class="title">Bullet Full</div>
                                <img src="../images/productos/50777-1344439068-gta-sa2012-08-0818-15-34-89.jpg" class="preview" alt="preview">
                                <table class="options-primary">
                                    <tbody><tr>
                                        <td class="option primary">Body Style:</td>
                                        <td class="spec">Sport Utility Vehicle</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Drivetrain:</td>
                                        <td class="spec">4WD</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Engine:</td>
                                        <td class="spec">4.8L V8</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Transmission:</td>
                                        <td class="spec">8-Speed Tiptronic</td>
                                    </tr>
                                    <tr>
                                        <td class="option primary">Mileage:</td>
                                        <td class="spec">19,585</td>
                                    </tr>
                                </tbody></table>
                                <table class="options-secondary">
                                    <tbody><tr>
                                        <td class="option secondary">Exterior Color:</td>
                                        <td class="spec">Dark Blue Metallic</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Interior Color:</td>
                                        <td class="spec">Black / Titanium Blue</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">MPG:</td>
                                        <td class="spec">15 city / 21 hwy</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">Stock Number:</td>
                                        <td class="spec">590497</td>
                                    </tr>
                                    <tr>
                                        <td class="option secondary">VIN Number:</td>
                                        <td class="spec">WP1AD29P09LA65818</td>
                                    </tr>
                                </tbody></table>
                                <img src="http://demo.themesuite.com/automotive/images/carfax.png" alt="carfax" class="carfax">
                                <div class="price"><b>Precio:</b><br>
                                    <div class="figure">Cr 30<br>
                                    </div>
                                </div>
                                <div class="view-details gradient_button"><i class="fa fa-plus-circle"></i> Ver Detalles </div>
                                <div class="clearfix"></div>
                                </a>
                                <div class="view-video gradient_button" data-youtube-id="3oh7PBc33dk"><i class="fa fa-video-camera"></i> Ver Video</div>
                            </div>
</div>
</div>
                                                               
                                 
0
ответ дан 24.11.2019, 12:58

Теги

Похожие вопросы