jQuery Girl
  1. jQuery Girl
  3. Deux options de sélection pour obtenir des résultats et un bouton de recherche
Intereting Posts
Formulaires Web JQuery et ASP.NET Excel Résultat ne me donne rien, mais ça fonctionne bien Plug-in de validation de formulaire jQuery avec plusieurs règles de modèle Javascript / jQuery fonctionne trop vite – fonctionne sur le rechargement de page Moteur de template Javascript à utiliser avec jQuery JW Player ne lit pas les vidéos au format MP4 dans ie9 et ie10 Comment utiliser jQuery Valider sur un élément de formulaire de sélection basé sur DIV pour plusieurs champs ng-init n’appelle pas pour la deuxième fois lorsque le suivi par $ index est utilisé afficher le message de chargement lors du chargement du contenu dans asp à l’aide de jquery ajax Animation jQuery «forme de cercle» jQuery Tablesorter – sorting en cliquant sur un lien JavaScript: Comment détecter si une case HTML a été cochée? appel de soap jquery wcf échouer Pouvons-nous utiliser $ (document) .ready () dans la page asp.net? API de reconnaissance vocale pour tous les navigateurs

Deux options de sélection pour obtenir des résultats et un bouton de recherche

J’utilise un calendrier complet dans jQuery pour sélectionner et rechercher des événements que je veux. Chaque fois qu’ils cliquent sur le bouton, un modal apparaît. Ainsi, lorsqu’ils sélectionnent un événement ou une ville désignée, un résultat apparaît. Ceci est le HTML, ce sont les conditions:

  1. Recherche utilisateur d’une ville: le résultat inclura toutes les villes
  2. L’utilisateur recherchera l’événement: le résultat inclura un événement.
  3. L’utilisateur recherchera à la fois une ville et un événement: le résultat inclura un événement avec la ville.

Les 2 conditions fonctionnent, mais la troisième ne le fera pas 

 
 
 
  Select an Event 1 2 3 4 5 6 7 All 
  Search a City City1 City2 City3 City4 City5
  1. Ceci est le code pour Jquery, je veux que quand ils sélectionnent les valeurs ci-dessus, un résultat apparaît

Fichier JSON 

  { "title": "Tasting Festival", "start": "start date", "tags": "1", "imageurl": "", "products": [ { "name": "City 1", "url": "", "time": "", "location": "" }, { "name": "", "url": ", "time": "", "location": "" } ] } $("#searchnow").click(function () { var selectedCity = $("#searchcity").val(); var selectedEvent = $("#search").val(); $.getJSON('events.json', function (data) { render(selectedCity, selectedEvents, data); }); }); function render(selectedCity, selectedEvent, data) { $(".order-details-table").empty(); $(data).each(function (i, v) { if(v.products) $(v.products).each(function(index,p){ if (selectedCity == 'all' || p.name == selectedCity) { $(".order-details-table").append('' + p.name + '' + v.title + '
' + p.time + '&nbsp' + p.location + 'Register!'); } if (selectedEvent == v.tags && selectedCity == p.name ){ $(".order-details-table").append('' + p.name + '' + v.title + '
' + p.time + '&nbsp' + p.location + 'Register!'); } if (selectedEvent == 'all' || v.tags == selectedEvent) { $(".order-details-table").append('' + p.name + '' + v.title + '
' + p.time + '&nbsp' + p.location + 'Register!'); } }); }); }