skip to Main Content

Filter city cards based on select dropdown value on client side only – Shopify

$(function() { $('#cityselector').change(function(){ $('.city').hide(); $('#' + $(this).val()).show(); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="row"> <Select id="cityselector"> <option selected value="All">All</option> <option value="Pune">Pune</option> <option value="Chennai">Chennai</option> <option value="Bengaluru">Bengaluru</option> </Select> </div> <div class="row"> <div class="col-md-4 city" id="Pune"> <div class="card"> <div class="card-image"> </div> <div class="card-content"> <span…

VIEW QUESTION
Back To Top
Search