without click on button,its directly shows result in mvc

Question

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

Answer 1

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;
}

    });

 

Answer 2

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();
});

 

Answer 3

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; } });

Answer 4

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
}

 

Answer 5

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 

 

 

 

Answer 6

What do you want to do with budget search click?

Answer 7

if i use 

(btnFrontSearch)

its works fine for brand search but not for buget search 

 

Answer 8

Uttam Kumar

 

I use your scenario but I use two buttons 

 

<button id="btnFrontSearch" type="button" class="btn btn_search">Search</button> //for brand search

<button id="btnFrontSearchApply" class="btn btn_search hidden" type="submit">Search</button> //for budget search

 

 

Answer 9

Sachin Singh

I try your scenario but doesn't work  

Answer 10

Uttam Kumar

 

Answer 11

Can you search for the element budgetModelFilter which may be bound to an event in jquery or javascript triggering to redirect to next page?

Answer 12

here is the code

Answer 13

@Nirvriti,

Where is the code? Further you can check with Set AutoPostback to false of dropdown.