How to retrieve data using two dropdown with button in django - django-models

Question

I am Neeraj. i want retrieve data using two dropdown with find button from database that i am created using django model.py
home.html
<form class="flormo">
<div class="row no-gutters">
<div class="form-group col-lg-5 col-md-4">
<select class="form-control" id="vendor_type">
<option value="">Select vendor type</option>
<option value="Photographer">Photographer</option>
<option value="others">others</option>
<option value="Makeup Artist">Makeup Artist</option>
<option value="Marriage Banquet Hall">Marriage Banquet Hall</option>
</select>
</div>
<div class="form-group col-lg-4 col-md-4">
<select class="form-control" id="cityy">
<option value="">Select City</option>
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Delhi">Delhi</option>
</select>
</div>
<div class="form-group col-lg-3 col-md-4">
<button class="fillobtn" type="button" onclick="searchVendor()">
Find Now
</button>
</div>
</div>
</form>
Model.py
# vendor model details
class v_type(models.Model):
name = models.CharField(max_length=100, default=False)
def __str__(self):
return self.name
class v_city(models.Model):
name = models.CharField(max_length=100, default=False)
def __str__(self):
return self.name
class rank_img(models.Model):
image = models.ImageField(upload_to='vendor/rank_img')
name = models.CharField(max_length=100, default=False)
def __str__(self):
return self.name
class vendor_details(models.Model):
V_type = models.ForeignKey(v_type, null=False, on_delete=models.DO_NOTHING)
V_city = models.ForeignKey(v_city, null=False, on_delete=models.DO_NOTHING)
Profile_image = models.ImageField(upload_to='vendor/profile_imgs')
Rank_img = models.ForeignKey(rank_img, null=True, on_delete=models.DO_NOTHING)
Title = models.CharField(max_length=100, null=False)
Short_title = models.CharField(max_length=100, null=True)
User_upto = models.CharField(max_length=100)
Location = models.CharField(max_length=200, null=False)
Latitude = models.IntegerField()
Longitude = models.IntegerField()
Star = models.CharField(max_length=5)
All_Price_list = RichTextField()
First_service_name = models.CharField(max_length=200)
First_service_Price = models.CharField(max_length=200, default='')
Second_service_name = models.CharField(max_length=200)
Second_service_Price = models.CharField(max_length=200, default='')
slug = models.SlugField(default='', max_length=500, null=True, blank=True)
publish_date = models.DateTimeField(auto_now_add=True, editable=False)
def admin_photo(self):
return mark_safe('<img src="{}" width="100" />'.format(self.Profile_image.url))
admin_photo.short_description = 'Image'
admin_photo.allow_tags = True
def __str__(self):
return self.Title
def get_absolute_url(self):
from django.urls import reverse
return reverse("vendor_detail", kwargs={'slug': self.slug})
class Meta:
db_table = "app_vendor_details"
def create_slug(instance, new_slug=None):
slug = slugify(instance.Title)
if new_slug is not None:
slug = new_slug
qs = vendor_details.objects.filter(slug=slug).order_by('-id')
exists = qs.exists()
if exists:
new_slug = "%s-%s" % (slug, qs.first().id)
return create_slug(instance, new_slug=new_slug)
return slug
def pre_save_post_receiver(sender, instance, *args, **kwargs):
if not instance.slug:
instance.slug = create_slug(instance)
pre_save.connect(pre_save_post_receiver, vendor_details)
class v_Image(models.Model):
Vendor_details = models.ForeignKey(vendor_details, on_delete=models.CASCADE)
Vendor_Image = models.ImageField(upload_to='vendor/vendor_Image')
def admin_photo(self):
return mark_safe('<img src="{}" width="100" />'.format(self.Vendor_Image.url))
admin_photo.short_description = 'Image'
admin_photo.allow_tags = True
class v_desc(models.Model):
vendor_details = models.ForeignKey(vendor_details, on_delete=models.CASCADE)
V_heading = models.CharField(max_length=100, null=False)
V_descrption = RichTextField()
def __str__(self):
return self.V_heading
Admin.py
from django.contrib import admin
from .models import *
class Product_Images(admin.TabularInline):
model = Product_Image
readonly_fields = ('admin_photo',)
class Product_Admin(admin.ModelAdmin):
inlines = (Product_Images,)
list_display = ('admin_photo','Title','Categories','SKU','Real_Price','Sale_Price','section','featured_image')
list_editable = ('Categories','section')
list_filter = ('Categories','section')
readonly_fields = ('admin_photo',)
list_display_links = ['Title','Sale_Price']
#for vendor
class Vendor_Images(admin.TabularInline):
model = v_Image
readonly_fields = ('admin_photo',)
class Vendor_desc(admin.TabularInline):
model = v_desc
class Vendor_Admin(admin.ModelAdmin):
inlines = (Vendor_Images,Vendor_desc)
list_display = ('admin_photo', 'Title', 'V_type', 'V_city', 'Star', 'slug', 'publish_date')
list_editable = ('Star',)
list_filter = ('V_type', 'V_city')
readonly_fields = ('admin_photo',)
list_display_links = ['Title',]
search_fields = ['Title','V_type']
# Register your models here.
admin.site.register(top_slider)
admin.site.register(Popular_Venue)
admin.site.register(Sub_Banner)
admin.site.register(Popular_Search)
admin.site.register(Top_Categories)
admin.site.register(Main_category)
admin.site.register(Category)
admin.site.register(Sub_Category)
admin.site.register(Product,Product_Admin)
admin.site.register(Product_Image)
admin.site.register(Section)
#admin.site.register(v_desc)
admin.site.register(vendor_details,Vendor_Admin)
admin.site.register(v_Image)
admin.site.register(v_city)
admin.site.register(v_type)
admin.site.register(rank_img)
urls.py
from django.contrib import admin
from django.urls import path
from django.conf import settings
from django.conf.urls.static import static
from .import views
urlpatterns = [
path('admin/', admin.site.urls),
path('base/',views.BASE, name='base.html'),
path('404',views.Error404,name='404'),
path('', views.HOME, name='home.html'),
path('product/<slug:slug>',views.PRODUCT_DETAIL,name='product_detail'),
#account
path('my-account', views.MY_ACCOUNT,name='my-account'),
#vendor
path('vendor/<slug:slug>', views.V_DETAILS,name='vendor_detail')
]+static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)
views.py
from django.shortcuts import redirect, render
from app.models import top_slider, Popular_Venue, Sub_Banner, Popular_Search, Top_Categories, Product, vendor_details
def BASE(request):
return render(request, 'base.html')
def HOME(request):
top_sliders = top_slider.objects.all().order_by('-id')
Popular_Venues = Popular_Venue.objects.all().order_by('-id')
Sub_Banners = Sub_Banner.objects.all().order_by('-id')
Popular_Searches = Popular_Search.objects.all().order_by('-id')
Top_Category = Top_Categories.objects.all().order_by('-id')
product = Product.objects.filter(section__name="dot")
context = {
'top_sliders': top_sliders,
'Popular_Venues': Popular_Venues,
'Sub_Banners': Sub_Banners,
'Popular_Searches': Popular_Searches,
'Top_Category': Top_Category,
'product': product
}
return render(request, 'Main/home.html', context)
def Error404(request):
return render(request, 'errors/404.html')
def PRODUCT_DETAIL(request,slug):
return render(request, 'product/product_detail.html')
def MY_ACCOUNT(request):
return render(request, 'account/my-account.html')
def V_DETAILS(request,slug):
vendor = vendor_details.objects.filter(slug = slug)
context = {
'vendor':vendor,
}
return render(request, 'v_items/vendor_detail.html',context)
After filter dropdown & click on findnow button redirect on this page { vendor.py}
vendor.py
{% extends 'base.html' %}
{% block content %}
<!-- Bread Crumb STRAT -->
<div class="banner inner-banner1 toper1">
<div class="container">
<section class="banner-detail center-xs">
<h1 class="banner-title">Photographer</h1>
<div class="bread-crumb right-side float-none-xs">
<ul>
<li>Home/</li>
</ul>
</div>
</section>
</div>
</div>
<!-- Bread Crumb END -->
<!-- CONTAIN START ptb-95-->
<section class="ptb-70">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="filpric">
<div class="price-range mb-30">
<div class="inner-title">Price range</div>
<input class="price-txt" type="text" id="amount">
<div id="slider-range"></div>
</div>
</div>
</div>
<div class="short-by float-right-sm">
<span>Sort By :</span>
<div class="select-item select-dropdown">
<fieldset>
<select name="speed" id="sp" onchange="selPrice('Photographer','Delhi','')">
<option value="">Select Rating</option>
<option value="1">Rating(low>high)</option>
<option value="0">Rating(high > low)</option>
</select>
</fieldset>
</div>
</div>
<div class="col-md-4">
<div class="short-by ">
<span>Vendor :</span>
<div class="select-item select-dropdown">
<fieldset>
<select name="speed" id="sv" onchange="selVendor('Photographer','Delhi','')">
<option value="" selected="selected">Select Vendor</option>
<option value="Photographer">Photographer</option>
<option value="others">others</option>
<option value="Makeup Artist">Makeup Artist</option>
<option value="Marriage Banquet Hall">Marriage Banquet Hall</option>
</select>
</fieldset>
</div>
</div>
</div>
</div>
<hr class="liko">
<!-- vendor list-->
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="vankibox">
<a href="{{i.get_absolute_url}}">
<div class="vanki_img">
<img src="admin.cpanel/prod_image/20220723114525.jpg">
<img class="vatag" src="images/handpicked.png">
</div>
<div class="vankjdes">
<div class="vantitl">
<h4 class="">
seth </h4>
<p>
<i class="fa fa-star"></i> 4 <span>(5 review)</span>
</p>
</div>
<div class="">
<p class="vanadd">
<i class="fa fa-map-marker"></i> <span>New Delhi</span>
</p>
<p class="vanpric">
<span>
<small>ff</small>
<br>
<i class="fa fa-inr"></i>8000 </span>
<span>
<small>ff</small>
<br>
<i class="fa fa-inr"></i>6000 </span>
</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
so please help me how i can code this dropdown using my store value with vendor type {v_type} & vendor city {v_city} in Vendor details model.