without click on button,its directly shows result in mvc

Guest User

here is the form in which on brand list dropdown it'll show all the brands from DB but on select of any brand name it will go to the next page on button click but it doesnt work like that when i select any brand name fom dropdown its directly goes to the next page not on the click of the button

Here the code i am trying to do

13 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh4y ago
Accepted answer
Test this
$("#budgetModelFilter").change(function () {
   var bid= $('#budgetModelFilter option:selected').text();
       if ($('#custom_select option:selected').text() != "Model") {
            return false;
        }
      else{
        window.location.href="/Car/CarList?brand=" +bid;
}

    });
Uttam Kumar4y ago
You can write two trigger event one dropdown change event and another click event
$("#budgetRangeFilter").change(function() {
    //... You can show list of car from here
}
Once this is done
$("#btnFrontSearchApply").click(function() {
    //... You write your logic here
}
Guest User4y ago
Uttam Kumar

on budget search click its shows dropdown of budget like
{ Text: "Any budget", Value: "0-500000000" },
{ Text: "1 Lakh - 5 Lakh", Value: "100000-500000" },
{ Text: "5 Lakh - 10 Lakh", Value: "500000-1000000" },
{ Text: "10 Lakh - 20 Lakh", Value: "1000000-2000000" },
{ Text: "20 Lakh - 50 Lakh", Value: "2000000-5000000" },
{ Text: "50 Lakh - 1 Crore", Value: "5000000-10000000" },
{ Text: "Above 1 Crore", Value: "10000000-500000000" }

on click of list option its show list of cars according to budget select
Uttam Kumar4y ago
What do you want to do with budget search click?
Guest User4y ago
if i use
(btnFrontSearch)
its works fine for brand search but not for buget search
Guest User4y ago
Uttam Kumar

I use your scenario but I use two buttons

//for brand search
//for budget search
Uttam Kumar4y ago
you should remove the budgetModelFilter change event
$("#budgetModelFilter").change(function () {
    //...
}
Instead you write it in a button click event
$("#btnFrontSearch").click(function() {
    if ($('#custom_select option:selected').text() != "Model") {
            return false;
        }

        window.location.href="/Car/CarList?brand=" + $('#budgetModelFilter option:selected').text();
});
Sachin Singh4y ago
Use this $("#budgetModelFilter").click(function () { var bid= $('#budgetModelFilter option:selected').text(); if ($('#custom_select option:selected').text() != "Model") { return false; } else{ window.location.href="/Car/CarList?brand=" +bid; } });
Guest User4y ago
Sachin Singh
I try your scenario but doesn't work
Guest User4y ago
Uttam Kumar
Uttam Kumar4y ago
Can you search for the element budgetModelFilter which may be bound to an event in jquery or javascript triggering to redirect to next page?
Guest User4y ago
here is the code
Muhammad Imran Ansari4y ago
@Nirvriti,
Where is the code? Further you can check with Set AutoPostback to false of dropdown.